:root{--parchment:#efe7da;--parchment-deep:#e4d9c8;--terracotta:#b5623e;--terracotta-deep:#9a4e30;--frame-pink:#d8c0be;--sage:#7c8464;--lavender:#9b84aa;--ink:#2e2a24;--ink-soft:#57503f;--brass:#a6864f;--paper:#fbf7ef}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 15% 20%,hsla(0,0%,100%,.35),transparent 45%),radial-gradient(circle at 85% 75%,rgba(46,42,36,.05),transparent 50%),var(--parchment);color:var(--ink);font-family:Jost,sans-serif;font-weight:400;line-height:1.5;overflow-x:hidden}.display,h1,h2,h3{font-family:Fraunces,serif;font-weight:500;letter-spacing:.01em}.eyebrow{font-family:Jost,sans-serif;text-transform:uppercase;letter-spacing:.28em;font-size:.7rem;color:var(--terracotta-deep);font-weight:600}a{color:inherit}.hero{position:relative;width:100%;aspect-ratio:4/3;background-size:cover;background-position:50%;background-repeat:no-repeat}.hero:before{content:"";background:linear-gradient(180deg,rgba(20,16,10,.12),rgba(20,16,10,.02) 30%,rgba(20,16,10,.28))}.hero-inner,.hero:before{position:absolute;inset:0}.hero-inner{z-index:2}.hero-plaque{position:absolute;left:clamp(1.5rem,5vw,4rem);top:clamp(1.2rem,4vw,3rem);transform:rotate(-1.8deg);width:min(60vw,360px);background:var(--paper);padding:clamp(1.6rem,3vw,2.4rem) clamp(1.8rem,3.4vw,2.6rem) clamp(1.8rem,3vw,2.3rem);box-shadow:0 26px 46px rgba(15,12,8,.5),inset 0 2px 0 hsla(0,0%,100%,.5);border:1px solid rgba(46,42,36,.18)}.hero-plaque:before{content:"";position:absolute;inset:9px;border:1px solid rgba(166,134,79,.55);pointer-events:none}.hero-plaque .hanging-tag{position:absolute;top:-1.1rem;right:1.4rem;background:var(--frame-pink);color:var(--ink);font-family:Jost,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:.62rem;font-weight:600;padding:.32rem .65rem;border-radius:2px 2px 2px 8px;transform:rotate(4deg);box-shadow:0 3px 8px rgba(46,42,36,.25)}.hero-plaque .hanging-tag:before{content:"";position:absolute;top:-12px;left:50%;width:1px;height:12px;background:repeating-linear-gradient(to bottom,var(--ink-soft) 0 3px,transparent 3px 6px)}.hero-logo{width:100%;display:block}.hero-tag{margin-top:.9rem;color:var(--ink-soft);font-size:clamp(.85rem,1.3vw,.98rem);font-family:Fraunces,serif;font-style:italic;font-weight:400;max-width:32ch;border-top:1px solid rgba(46,42,36,.15);padding-top:.8rem}.story{background:var(--paper);padding:6rem 6vw;border-bottom:1px solid rgba(46,42,36,.08)}.story-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:.85fr 1fr;grid-gap:4.5rem;gap:4.5rem;align-items:center}.story-media{position:relative}.story-media img{width:100%;display:block;border:10px solid var(--paper);outline:2px solid rgba(46,42,36,.14);outline-offset:-6px;box-shadow:0 16px 34px rgba(46,42,36,.18)}.story-media:after{content:"";position:absolute;inset:18px -18px -18px 18px;border:1.5px solid var(--brass);z-index:-1}.story-text h2{font-size:clamp(1.7rem,3vw,2.3rem);margin:.6rem 0 1.3rem;max-width:14ch}.story-text p{color:var(--ink-soft);margin-bottom:1rem;font-size:1.02rem;max-width:46ch}.story-text .signoff{font-family:Fraunces,serif;font-style:italic;color:var(--ink);margin-top:1.6rem;font-size:1.05rem}.shelf{padding:5rem 6vw 6rem;max-width:1280px;margin:0 auto}.shelf-head{margin-bottom:3rem;border-bottom:1px solid rgba(46,42,36,.15);padding-bottom:1.4rem}.shelf-head h2{font-size:clamp(1.7rem,3vw,2.4rem);margin-bottom:.5rem}.shelf-head p{color:var(--ink-soft);max-width:50ch}.empty-shelf{color:var(--ink-soft);font-style:italic;padding:2rem 0}.tag-filter-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2.2rem}.tag-filter-pill{font-family:Jost,sans-serif;font-size:.78rem;letter-spacing:.02em;color:var(--ink-soft);background:transparent;border:1px solid rgba(46,42,36,.25);padding:.4rem .9rem;border-radius:999px;cursor:pointer;transition:all .15s ease}.tag-filter-pill:hover{border-color:var(--terracotta);color:var(--terracotta-deep)}.tag-filter-pill.active{background:var(--terracotta);border-color:var(--terracotta);color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:2.2rem;gap:2.2rem}.card{position:relative;background:var(--paper);border:10px solid var(--paper);outline:2px solid rgba(46,42,36,.12);outline-offset:-6px;box-shadow:0 10px 26px rgba(46,42,36,.12);opacity:0;transform:translateY(22px);animation:card-in .7s ease forwards;transition:box-shadow .3s ease}.card:hover{box-shadow:0 16px 34px rgba(46,42,36,.2)}.card:nth-child(3n+1) .tag{transform:rotate(2deg)}.card:nth-child(3n+2) .tag{transform:rotate(-3deg)}.card:nth-child(3n+3) .tag{transform:rotate(4deg)}.card:hover .tag{transform:rotate(-1deg) translateY(2px)!important}@keyframes card-in{to{opacity:1;transform:translateY(0)}}.card-photo{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--parchment-deep)}.card-photo-track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.card-photo-track::-webkit-scrollbar{display:none}.card-photo-track img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;display:block;scroll-snap-align:start}.card-photo-arrow{position:absolute;top:50%;transform:translateY(-50%);width:1.9rem;height:1.9rem;border-radius:50%;border:none;background:hsla(40,60%,96%,.85);color:var(--ink);font-size:1.2rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 8px rgba(46,42,36,.25);opacity:0;transition:opacity .2s ease}.card-photo:focus-within .card-photo-arrow,.card-photo:hover .card-photo-arrow{opacity:1}.card-photo-arrow:disabled{opacity:0!important;pointer-events:none}.card-photo-arrow.prev{left:.5rem}.card-photo-arrow.next{right:.5rem}.card-photo-dots{position:absolute;bottom:.5rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:.35rem;background:rgba(46,42,36,.45);padding:.3rem .5rem;border-radius:999px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card-photo-dot{width:6px;height:6px;border-radius:50%;border:none;padding:0;background:hsla(0,0%,100%,.5);cursor:pointer}.card-photo-dot.active{background:var(--paper)}@media (hover:none){.card-photo-arrow{display:none}}.card-body{padding:1rem 1.1rem 1.3rem;position:relative}.card-body h3{font-size:1.05rem;font-weight:500;margin-bottom:.3rem}.card-body p.note{font-size:.82rem;color:var(--ink-soft)}.card-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.6rem}.card-tag-pill{font-family:Jost,sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:.62rem;font-weight:600;color:var(--sage);background:hsla(75,14%,45%,.12);padding:.2rem .55rem;border-radius:999px}.tag{top:-.9rem;right:1rem;background:var(--frame-pink);color:var(--ink);font-family:Fraunces,serif;font-weight:600;font-size:.95rem;padding:.3rem .7rem .35rem;border-radius:3px 3px 3px 10px;transform:rotate(3deg);transition:transform .3s ease;box-shadow:0 3px 8px rgba(46,42,36,.2)}.tag,.tag:before{position:absolute}.tag:before{content:"";top:-14px;left:50%;width:1px;height:14px;background:repeating-linear-gradient(to bottom,var(--ink-soft) 0 3px,transparent 3px 6px)}.cta{background:linear-gradient(180deg,var(--frame-pink) 0,var(--parchment-deep) 100%);padding:5.5rem 6vw 6rem;text-align:center}.cta h2{font-size:clamp(1.7rem,3vw,2.3rem);margin-bottom:.8rem}.cta p{color:var(--ink-soft);max-width:44ch;margin:0 auto 2rem}.cta-btn{display:inline-flex;align-items:center;gap:.6rem;background:var(--terracotta);color:#fff;text-decoration:none;font-family:Fraunces,serif;font-weight:600;font-size:1.05rem;padding:.95rem 2.1rem;border-radius:4px 4px 4px 16px;box-shadow:0 8px 20px rgba(154,78,48,.35);transition:transform .2s ease,box-shadow .2s ease;border:none;cursor:pointer}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(154,78,48,.4)}.cta-alt-links{margin-top:1.8rem;display:flex;gap:1.4rem;justify-content:center;flex-wrap:wrap}.cta-alt-links a{font-size:.85rem;color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px}.cta-alt-links a:hover{color:var(--terracotta-deep)}footer{text-align:center;padding:1.6rem;font-size:.72rem;color:var(--ink-soft);background:var(--parchment-deep);letter-spacing:.04em}@media (max-width:860px){.story-inner{grid-template-columns:1fr;gap:2.5rem}.story-media:after{display:none}}@media (max-width:640px){.hero{aspect-ratio:unset;min-height:78vw}.hero-plaque{width:min(50vw,240px);padding:.85rem .95rem 1.05rem;top:.8rem;left:.8rem}.hero-plaque:before{inset:5px}.hero-plaque .hanging-tag{font-size:.5rem;padding:.22rem .48rem;top:-.85rem}.hero-tag{font-size:.72rem;margin-top:.5rem;padding-top:.5rem}.shelf{padding:3.5rem 5vw 4rem}.story{padding:3.5rem 5vw}}@media (prefers-reduced-motion:reduce){.card{animation:none;opacity:1;transform:none}}:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.admin-wrap{max-width:720px;margin:0 auto;padding:3.5rem 6vw 6rem;min-height:100vh}.admin-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:2.5rem;border-bottom:1px solid rgba(46,42,36,.15);padding-bottom:1.2rem;flex-wrap:wrap}.admin-header h1{font-size:clamp(1.5rem,3vw,2rem)}.admin-header .signout-btn{background:none;border:1px solid rgba(46,42,36,.3);color:var(--ink-soft);font-family:Jost,sans-serif;font-size:.8rem;padding:.5rem 1rem;border-radius:4px;cursor:pointer;text-decoration:none}.admin-header .signout-btn:hover{border-color:var(--terracotta);color:var(--terracotta-deep)}.admin-login-card{max-width:380px;margin:6rem auto;background:var(--paper);padding:2.5rem 2.2rem;border:1px solid rgba(46,42,36,.12);box-shadow:0 16px 34px rgba(46,42,36,.14)}.admin-login-card h1{font-size:1.5rem;margin-bottom:1.6rem}.field{margin-bottom:1.2rem;display:flex;flex-direction:column;gap:.4rem}.field label{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);font-weight:600}.field input,.field textarea{font-family:Jost,sans-serif;font-size:1rem;padding:.65rem .8rem;border:1px solid rgba(46,42,36,.25);border-radius:4px;background:#fff;color:var(--ink)}.field input:focus,.field textarea:focus{border-color:var(--brass)}.field textarea{resize:vertical;min-height:5rem}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--terracotta);color:#fff;border:none;font-family:Fraunces,serif;font-weight:600;font-size:.98rem;padding:.75rem 1.6rem;border-radius:4px 4px 4px 14px;cursor:pointer;box-shadow:0 6px 16px rgba(154,78,48,.3);transition:transform .2s ease}.btn-primary:hover{transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid rgba(46,42,36,.3);color:var(--ink-soft);font-family:Jost,sans-serif;font-size:.9rem;padding:.7rem 1.4rem;border-radius:4px;cursor:pointer;text-decoration:none}.btn-secondary:hover{border-color:var(--ink-soft)}.btn-danger{background:none;border:1px solid rgba(181,98,62,.5);color:var(--terracotta-deep);font-family:Jost,sans-serif;font-size:.82rem;padding:.45rem .9rem;border-radius:4px;cursor:pointer}.btn-danger:hover{background:rgba(181,98,62,.08)}.form-error{background:rgba(181,98,62,.1);border:1px solid rgba(181,98,62,.4);color:var(--terracotta-deep);border-radius:4px}.form-error,.form-success{padding:.7rem .9rem;font-size:.88rem;margin-bottom:1.2rem}.form-success{background:hsla(75,14%,45%,.12);border:1px solid hsla(75,14%,45%,.45);color:var(--sage);border-radius:4px}.admin-header-actions{display:flex;gap:.6rem;align-items:center}.admin-toolbar{margin-bottom:2rem}.admin-list{display:flex;flex-direction:column;gap:1rem}.admin-row{display:flex;flex-wrap:wrap;gap:.7rem 1.1rem;align-items:flex-start;background:var(--paper);border:1px solid rgba(46,42,36,.12);padding:.9rem;border-radius:4px}.admin-row .thumb{object-fit:cover}.admin-row .thumb,.admin-row .thumb-empty{order:1;width:64px;height:64px;border-radius:3px;background:var(--parchment-deep);flex-shrink:0}.admin-row .info{order:2;flex:1 1 220px;min-width:200px}.admin-row .info-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.admin-row .info h3{font-size:1rem;margin-bottom:.15rem}.admin-row .info .price-note{font-size:.82rem;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}.admin-row .actions{order:3;flex:1 1 100%;display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-start;padding-left:calc(64px + 1.1rem)}.admin-row .actions a,.admin-row .actions button{font-size:.8rem}@media (max-width:480px){.admin-row .actions{padding-left:0}}.status-badge{font-family:Jost,sans-serif;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;padding:.18rem .5rem;border-radius:999px;flex-shrink:0}.status-badge.live{background:hsla(75,14%,45%,.16);color:var(--sage)}.status-badge.draft{background:rgba(166,134,79,.18);color:var(--brass)}.btn-publish{display:inline-flex;align-items:center;justify-content:center;background:var(--sage);color:#fff;border:none;font-family:Jost,sans-serif;font-size:.8rem;padding:.45rem .9rem;border-radius:4px;cursor:pointer}.btn-publish:hover{opacity:.9}.btn-publish:disabled{opacity:.6;cursor:not-allowed}.preview-banner{padding:.85rem 1.1rem;border-radius:4px;font-size:.9rem;margin-bottom:2rem}.preview-banner.draft{background:rgba(166,134,79,.12);border:1px solid rgba(166,134,79,.4);color:var(--brass)}.preview-banner.live{background:hsla(75,14%,45%,.12);border:1px solid hsla(75,14%,45%,.4);color:var(--sage)}.preview-stage{background:var(--paper);border:1px dashed rgba(46,42,36,.2);padding:2.5rem;margin-bottom:1.5rem}.preview-grid{grid-template-columns:minmax(0,260px);justify-content:center}.preview-actions{display:flex;gap:.7rem}.current-photo{display:flex;align-items:center;gap:.8rem;margin-bottom:.6rem}.current-photo img{width:72px;height:72px;object-fit:cover;border-radius:3px;border:1px solid rgba(46,42,36,.15)}.field-hint{font-size:.78rem;color:var(--ink-soft);margin-top:.4rem}.tag-checkbox-grid{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.tag-checkbox{display:inline-flex;align-items:center;gap:.4rem;font-size:.88rem;color:var(--ink);cursor:pointer}.tag-checkbox input{accent-color:var(--terracotta);cursor:pointer}.photo-dropzone{display:flex;align-items:center;justify-content:center;text-align:center;padding:1.6rem 1.2rem;border:1.5px dashed rgba(46,42,36,.3);border-radius:6px;background:hsla(40,60%,96%,.6);color:var(--ink-soft);font-size:.9rem;cursor:pointer;transition:border-color .15s ease,background .15s ease}.photo-dropzone strong{color:var(--terracotta-deep);font-weight:600}.photo-dropzone:hover{border-color:var(--brass)}.photo-dropzone.drag-active{border-color:var(--terracotta);background:hsla(5,25%,80%,.25)}.photo-dropzone-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.photo-manager-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));grid-gap:.6rem;gap:.6rem;margin-bottom:.8rem}.photo-manager-item{position:relative;aspect-ratio:1/1}.photo-manager-item img{width:100%;height:100%;object-fit:cover;border-radius:3px;border:1px solid rgba(46,42,36,.15);display:block}.photo-remove-btn{position:absolute;top:-.4rem;right:-.4rem;width:1.4rem;height:1.4rem;border-radius:50%;border:1px solid rgba(46,42,36,.25);background:var(--paper);color:var(--terracotta-deep);font-size:.95rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.photo-remove-btn:hover{background:var(--frame-pink)}.photo-manager-new-badge{position:absolute;bottom:.25rem;left:.25rem;background:var(--sage);color:#fff;font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;padding:.12rem .4rem;border-radius:2px}