@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#28332f;--muted:#78817b;--cream:#fbf8f2;--paper:#fffdf9;--line:#e9e3d9;--green:#456b5a;--rose:#bd7d7c}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}.top{height:76px;padding:0 max(5vw,22px);display:flex;align-items:center;justify-content:space-between;background:#fffdf9;border-bottom:1px solid var(--line)}.brand{font:600 27px 'Playfair Display',serif;color:var(--ink);text-decoration:none}.brand span{color:var(--rose)}nav{display:flex;gap:26px}nav a,.back{font-size:13px;color:var(--ink);text-decoration:none}nav a:hover,.back:hover{color:var(--rose)}main{max-width:1200px;margin:auto;padding:34px 28px 80px}footer{text-align:center;color:var(--muted);font-size:12px;padding:28px;border-top:1px solid var(--line)}.hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;min-height:330px;background:#f2e9df;border-radius:18px;padding:45px 8%;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--green);margin:0 0 13px}.hero h1,.page-intro h1{font:500 clamp(38px,5vw,58px)/1.05 'Playfair Display',serif;margin:0}.hero h1 em,.page-intro h1 em{color:var(--rose);font-weight:500}.lead{color:#68736d;line-height:1.7;max-width:560px;font-size:15px}.hero-art{display:flex;justify-content:center;align-items:center;min-height:240px}.sample-card{width:180px;height:225px;background:#fffdf8;box-shadow:12px 15px 30px #9e897b44;transform:rotate(6deg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a16e72;border:8px solid #fff}.sample-card b{font-size:70px;color:#92a48c;margin:15px}.sample-card span,.sample-card small{font:italic 19px 'Playfair Display',serif}.sample-card small{font-size:13px}.filters{display:flex;gap:10px;margin:28px 0 42px;flex-wrap:wrap}.filters input,.filters select,.admin-form input,.admin-form select,.admin-form textarea{border:1px solid var(--line);background:#fffdf9;border-radius:8px;padding:12px 14px;font:13px 'DM Sans';color:var(--ink)}.filters input{flex:1;min-width:180px}.filters select{min-width:150px}.filters button,.admin-form button{background:var(--green);color:white;border:0;border-radius:8px;padding:12px 20px;font-weight:600;cursor:pointer}.clear{align-self:center;color:var(--muted);font-size:12px;text-decoration:none}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-head h2,.instruction-grid h2{font:500 30px 'Playfair Display',serif;margin:0}.muted{color:var(--muted);font-size:12px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card-tile{background:#fffdf9;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .2s}.card-tile:hover{transform:translateY(-3px)}.thumb{height:205px;display:flex;align-items:center;justify-content:center;text-decoration:none;overflow:hidden}.rose{background:#f1dede}.sage{background:#dce7dc}.lavender{background:#e7e1ef}.sky{background:#dce9ed}.sunshine{background:#f4e8c7}.berry{background:#ead9e3}.mint{background:#d8e9e2}.peach{background:#f2dfd1}.navy{background:#d8dfe8}.cream{background:#eee8d9}.paper{width:125px;height:158px;background:#fffdf8;box-shadow:6px 8px 18px #39433a33;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-3deg);border:5px solid white;color:#8c7770}.mini-flower{font-size:42px;color:#91a58d;line-height:1.3}.mini-title{font:italic 13px 'Playfair Display',serif;text-align:center;padding:0 8px}.mini-line{width:38px;height:1px;background:#c89a91;margin:10px}.mini-note{font:italic 10px 'Playfair Display',serif;color:#a77d7a}.tile-body{padding:15px}.meta{font-size:10px;color:var(--green);text-transform:uppercase;letter-spacing:.7px}.tile-body h3{font:500 19px 'Playfair Display',serif;margin:8px 0}.tile-body h3 a{color:var(--ink);text-decoration:none}.tile-body p{font-size:12px;line-height:1.55;color:var(--muted);min-height:56px}.tile-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.favorite{border:0;background:transparent;color:#b8797a;font-size:23px;cursor:pointer}.favorite.saved{color:#b45e66}.detail-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center;margin:25px 0 55px}.detail-art{height:370px;border-radius:14px}.paper.large{width:210px;height:275px}.paper.large .mini-flower{font-size:76px}.paper.large .mini-title{font-size:20px}.paper.large .mini-note{font-size:14px}.detail-copy h1{font:500 43px 'Playfair Display',serif;margin:0}.pills{display:flex;gap:10px;margin:20px 0}.pills span{background:#e9eee8;color:var(--green);padding:7px 11px;border-radius:30px;font-size:11px}.favorite.big{font-size:14px;border:1px solid var(--line);border-radius:8px;padding:10px 14px}.instruction-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;border-top:1px solid var(--line);padding-top:38px}.instruction-grid h2{margin-bottom:20px}.materials,.steps{padding-left:22px;color:#59645e;font-size:14px;line-height:1.8}.materials li,.steps li{padding:5px 0}.steps li{padding-left:7px;margin-bottom:8px}.tip{background:#edf1eb;padding:18px 20px;border-radius:10px;margin-top:25px;font-size:13px;line-height:1.6}.tip p{margin-bottom:0}.page-intro{padding:35px 0 28px}.site-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.site{display:flex;gap:18px;padding:22px;background:#fffdf9;border:1px solid var(--line);border-radius:12px}.site-icon{width:42px;height:42px;border-radius:50%;background:#e9eee8;color:var(--green);display:grid;place-items:center;font-size:22px;flex-shrink:0}.site h3{font:500 20px 'Playfair Display',serif;margin:0 0 6px}.site p{font-size:13px;color:var(--muted);line-height:1.5;margin:0 0 10px}.site a{color:var(--green);font-size:12px;font-weight:700;text-decoration:none}.note{margin-top:25px}.admin-form{max-width:650px;background:#fffdf9;border:1px solid var(--line);border-radius:12px;padding:25px;display:grid;gap:15px}.admin-form label{display:grid;gap:7px;font-size:12px;font-weight:600}.admin-form input,.admin-form select,.admin-form textarea{width:100%;font-size:13px}.admin-form textarea{resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.error,.success{padding:12px;border-radius:8px;max-width:650px}.error{background:#f8e5e2;color:#8a3737}.success{background:#e6efe6;color:#315b3e}.back{display:inline-block;margin-bottom:15px}
@media(max-width:900px){.cards{grid-template-columns:repeat(3,1fr)}.detail-grid,.instruction-grid{gap:28px}}@media(max-width:650px){.top{height:auto;padding:18px 20px;align-items:flex-start;gap:15px;flex-direction:column}nav{gap:16px;flex-wrap:wrap}main{padding:22px 16px 55px}.hero{grid-template-columns:1fr;padding:32px 25px}.hero-art{min-height:180px}.sample-card{width:135px;height:170px}.filters{display:grid;grid-template-columns:1fr 1fr}.filters input{grid-column:1/-1}.filters button{grid-column:1/-1}.cards{grid-template-columns:repeat(2,1fr);gap:10px}.thumb{height:165px}.paper{width:105px;height:135px}.tile-body{padding:11px}.tile-body h3{font-size:16px}.tile-body p{font-size:11px}.section-head{align-items:start;gap:10px;flex-direction:column}.detail-grid,.instruction-grid{grid-template-columns:1fr}.detail-art{height:280px}.detail-copy h1{font-size:34px}.site-list{grid-template-columns:1fr}.two{grid-template-columns:1fr}}

.thumb-photo{width:100%;height:100%;object-fit:cover;display:block}.detail-photo{width:100%;height:100%;object-fit:contain;display:block;padding:12px}