/* Pebble's Garden QR landing — Amilo brand (jade #2F5641, cream #FAF8F2, gold accent). Self-hosted, subset fonts. */
@font-face{font-family:'Inter';src:url('/assets/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('/assets/cormorant.woff2') format('woff2');font-weight:300 700;font-display:swap}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--jade:#2F5641;--jade-800:#1F3D2D;--jade-50:#F0F5F2;--jade-200:#C5DCD0;--cream:#FAF8F2;--paper:#FCFAF4;--ink:#1F1E1B;--soft:#4A4840;--gold:#C9A961;--line:#DCD5C7}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1.0625rem;line-height:1.65;color:var(--ink);background:var(--cream);min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
.wrap{width:100%;max-width:62rem;margin-inline:auto;padding-inline:1.25rem}
.skip{position:absolute;inset-inline-start:1rem;top:-4rem;background:var(--jade);color:#fff;padding:.6rem 1rem;border-radius:.5rem;z-index:9}
.skip:focus{top:1rem}
a{color:var(--jade)}
a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--jade);outline-offset:3px;border-radius:4px}
.top{padding-block:1rem}
.brand{display:inline-flex;align-items:center;gap:.6rem}
.mark{width:2.25rem;height:2.25rem}
.brand-name{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:1.6rem;color:var(--jade-800);letter-spacing:.01em}
.hero{display:grid;gap:1.5rem;padding-block:.5rem 2rem}
.cover{margin:0}
.cover img{display:block;width:100%;max-width:30rem;height:auto;margin-inline:auto;border-radius:1.25rem;background:#EFE3DF;box-shadow:0 14px 40px rgba(31,61,45,.16)}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--jade)}
.eyebrow::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--gold)}
h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;color:var(--jade-800);line-height:1.12}
h1{font-size:clamp(2.1rem,7.5vw,3.25rem);margin-block:.35rem .9rem}
h2{font-size:1.65rem;margin-block-end:.6rem}
.lead{font-size:1.125rem;color:var(--soft)}
.card{background:var(--paper);border:1px solid var(--line);border-radius:1.25rem;padding:1.5rem 1.25rem;margin-block-end:1.25rem;max-width:calc(62rem - 2.5rem);width:calc(100% - 2.5rem)}
.card p{color:var(--soft)}
.stores{list-style:none;display:flex;flex-wrap:wrap;gap:.75rem;margin-block-start:1.25rem}
.store{display:flex;flex-direction:column;flex:1 1 8.5rem;max-width:12rem;padding:.7rem 1.1rem;border:1.5px dashed var(--jade);border-radius:.75rem;background:var(--jade-50);line-height:1.3}
.store-name{font-weight:600;color:var(--jade-800)}
.store-state{font-size:.875rem;color:var(--jade)}
.thanks{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:1.4rem;color:var(--jade-800);text-align:center;padding-block:1rem 2.5rem}
.foot{background:var(--jade-800);color:var(--cream);padding-block:1.5rem 2rem;font-size:.9375rem}
.foot-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem}
.foot a{color:var(--cream);text-underline-offset:3px}
.privacy{margin-block-start:.75rem;color:var(--jade-200)}
@media (min-width:48rem){
  .hero{grid-template-columns:1fr 1.1fr;align-items:center;gap:3rem;padding-block:1.5rem 3rem}
  .card{padding:2rem 2.25rem}
}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
.nf{padding-block:3rem}
.nw{white-space:nowrap}