:root{--ink:#1d2824;--paper:#f7f4ed;--orange:#eb6d3e;--sage:#cfdec8;--line:#dedbd2;--muted:#69736d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,32px);border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(247,244,237,.94);backdrop-filter:blur(8px);z-index:10}.brand{font-family:"Playfair Display",serif;color:var(--ink);font-size:25px;text-decoration:none;font-weight:700}.brand span{color:var(--orange)}nav{display:flex;gap:28px;margin-left:auto;margin-right:28px}nav a{color:var(--ink);font-size:14px;text-decoration:none}.header-user{display:flex;align-items:center;gap:12px;font-size:14px}.link-button{border:0;background:none;color:var(--ink);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.button{background:var(--ink);color:#fff;text-decoration:none;border:0;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 19px;font:600 14px "DM Sans";cursor:pointer;transition:transform .15s,background .15s}.button:hover{background:var(--orange);transform:translateY(-2px)}.hero{min-height:520px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:65px max(8vw,34px);gap:60px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--orange);margin:0 0 14px}.hero h1,h2,h3{font-family:"Playfair Display",serif}.hero h1{font-size:clamp(46px,6vw,78px);line-height:1.02;margin:0}.hero h1 em{color:var(--orange);font-weight:600}.hero-copy{max-width:410px;color:var(--muted);line-height:1.65;margin:23px 0 30px}.hero-art{height:370px;background:#dfe9d8;border-radius:50% 50% 5% 50%;position:relative;overflow:hidden}.sun{position:absolute;width:178px;height:178px;border-radius:50%;background:#f5bb59;right:55px;top:35px}.paper{position:absolute;width:200px;height:255px;background:#fffdfa;box-shadow:8px 8px 0 rgba(46,71,48,.12)}.paper-one{transform:rotate(-12deg);left:98px;top:88px}.paper-two{transform:rotate(8deg);left:136px;top:78px;background:#fcf7df}.pen{position:absolute;width:15px;height:212px;background:var(--orange);transform:rotate(42deg);left:104px;top:91px;border-radius:9px}.pencil{position:absolute;width:12px;height:190px;background:#335e50;transform:rotate(-36deg);right:103px;bottom:36px;border-radius:8px}.scribble{position:absolute;left:154px;top:132px;z-index:2;font:600 25px "Playfair Display";line-height:1.05;transform:rotate(8deg);color:#355447}.products-section{background:#fffdf8;padding:78px max(8vw,34px)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:33px}.section-heading h2,.about h2{font-size:41px;line-height:1;margin:0}.muted{color:var(--muted);font-size:14px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{background:var(--paper);border:1px solid #ece9e1}.product-visual{height:180px;position:relative;overflow:hidden;display:grid;place-items:center}.product-visual::before{content:"";width:80px;height:105px;background:rgba(255,255,255,.72);border-radius:4px;transform:rotate(-8deg);box-shadow:9px 9px 0 rgba(0,0,0,.06)}.product-visual::after{content:"✦";position:absolute;font-size:47px;color:rgba(29,40,36,.48)}.product-info{padding:17px}.product-info h3{font:600 18px "DM Sans";margin:0 0 6px}.product-info p{font-size:13px;color:var(--muted);margin:0}.product-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:17px;font-weight:700}.buy{font-size:13px;color:var(--orange);border:0;background:none;font-weight:700;cursor:pointer}.about{max-width:700px;padding:90px max(8vw,34px)}.about>p:last-child{color:var(--muted);line-height:1.75;max-width:570px;margin-top:25px}footer{padding:28px max(8vw,34px);border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.modal{position:fixed;inset:0;background:rgba(22,33,27,.55);z-index:20;display:grid;place-items:center;padding:20px}.hidden{display:none!important}.modal-card,.admin-card{background:#fffdf8;position:relative;box-shadow:0 15px 50px rgba(0,0,0,.18)}.modal-card{width:min(430px,100%);padding:42px}.modal h2{font-size:32px;margin:0 0 25px}.close{position:absolute;right:16px;top:13px;border:0;background:none;font-size:29px;line-height:1;cursor:pointer;color:var(--muted)}label{font-size:13px;font-weight:600;display:block;margin:14px 0}input{display:block;width:100%;margin-top:7px;border:1px solid var(--line);background:#fff;padding:12px;font:14px "DM Sans";border-radius:2px}.full{width:100%;margin-top:8px}.form-error{min-height:18px;color:#b64129;font-size:13px;margin:8px 0}.demo-accounts{background:#f1eee6;margin:24px -10px -10px;padding:15px;display:grid;gap:5px;color:var(--muted);font-size:12px}.demo-accounts strong{color:var(--ink);font-size:13px}.admin-card{width:min(960px,100%);padding:35px;max-height:92vh;overflow:auto}.admin-top{display:flex;justify-content:space-between}.admin-top .close{position:static}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:24px 0}.stat{background:var(--sage);padding:16px}.stat b{font:700 27px "Playfair Display";display:block}.stat span{font-size:12px}.admin-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:33px}.admin-card h3{font-size:23px;margin:0 0 12px}.admin-list{border-top:1px solid var(--line)}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:11px 4px;font-size:13px}.admin-row small{color:var(--muted);display:block;margin-top:3px}.delete{border:1px solid #d5b6ac;background:#fff9f6;color:#ad422d;padding:6px 9px;font-size:12px;cursor:pointer}.add-form{background:#f4f1e9;padding:8px 16px 17px}.users-section{margin-top:30px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:30;background:var(--ink);color:#fff;padding:12px 17px;border-radius:2px;font-size:14px}@media(max-width:720px){.site-header{padding:0 20px}.site-header nav{display:none}.header-user{font-size:12px}.hero{grid-template-columns:1fr;padding:52px 28px;gap:35px}.hero-art{height:280px}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.products-section{padding:58px 28px}.product-visual{height:135px}.section-heading h2,.about h2{font-size:33px}.admin-card{padding:25px 18px}.admin-columns{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.paper-one{left:50px;top:42px}.paper-two{left:88px;top:37px}.pen{left:56px;top:41px}.scribble{left:106px;top:87px}.pencil{right:60px;bottom:12px}}