/* Shared content-page layout (privacy, faq, returns, story, etc.) */
.page-shell{min-height:100vh;background:var(--soft);color:var(--brown);font-family:var(--sans);padding:140px 32px 80px}
.page-shell .wrap{max-width:920px;margin:0 auto}

/* Hero */
.page-hero-cp{
  background:linear-gradient(180deg,#FFF7F1 0%,#FBE9DD 100%);
  margin:-140px -32px 60px;padding:140px 32px 60px;
  text-align:center;
}
.page-hero-cp .crumbs{font-family:var(--mono);font-size:12px;color:var(--brown-light);margin-bottom:14px;letter-spacing:.05em}
.page-hero-cp .crumbs a{color:var(--orange);text-decoration:none}
.page-hero-cp h1{font-family:var(--rounded);font-weight:800;font-size:64px;letter-spacing:-.02em;line-height:1;color:var(--brown)}
.page-hero-cp h1 .accent{color:var(--orange);display:inline-block;transform:rotate(-3deg)}
.page-hero-cp .lead{margin-top:18px;font-size:17px;color:var(--brown-light);max-width:560px;margin-left:auto;margin-right:auto;line-height:1.6}
@media (max-width:640px){.page-hero-cp h1{font-size:42px}}

/* Body */
.page-body{
  background:var(--white);border-radius:24px;padding:48px 56px;
  box-shadow:0 20px 60px -30px rgba(58,36,24,.18);
  font-size:15px;line-height:1.75;color:var(--brown);
}
@media (max-width:640px){.page-body{padding:32px 24px}}
.page-body h2{font-family:var(--rounded);font-weight:800;font-size:24px;color:var(--brown);margin:36px 0 14px;letter-spacing:-.01em}
.page-body h2:first-child{margin-top:0}
.page-body h3{font-family:var(--rounded);font-weight:700;font-size:17px;color:var(--brown);margin:24px 0 10px}
.page-body p{margin-bottom:14px;color:var(--brown-light);font-size:15px}
.page-body ul, .page-body ol{margin:10px 0 18px 22px;color:var(--brown-light)}
.page-body li{margin-bottom:6px}
.page-body strong{color:var(--brown);font-weight:700}
.page-body a{color:var(--orange);text-decoration:none;font-weight:600}
.page-body a:hover{text-decoration:underline}
.page-body hr{border:none;border-top:1px dashed var(--line);margin:32px 0}
.page-body .updated{font-family:var(--mono);font-size:12px;color:var(--brown-light);opacity:.7;margin-bottom:24px;display:inline-block;background:var(--soft);padding:6px 14px;border-radius:999px}
.page-body table{width:100%;border-collapse:collapse;margin:14px 0 24px;font-size:14px}
.page-body table th, .page-body table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}
.page-body table th{font-family:var(--rounded);font-weight:700;color:var(--brown);background:var(--soft)}
.page-body table tr:hover td{background:#FFF8F1}

/* Box callouts */
.page-body .callout{background:var(--orange-soft);border-left:4px solid var(--orange);padding:18px 22px;border-radius:12px;margin:20px 0}
.page-body .callout strong{color:var(--orange-deep)}

/* FAQ accordion */
.faq-list{display:flex;flex-direction:column;gap:14px;margin-top:24px}
.faq-card{background:var(--white);border-radius:14px;overflow:hidden;box-shadow:0 4px 16px -10px rgba(58,36,24,.18)}
.faq-card summary{
  list-style:none;cursor:pointer;padding:20px 24px;
  font-family:var(--rounded);font-weight:700;font-size:16px;color:var(--brown);
  display:flex;justify-content:space-between;align-items:center;gap:14px;
}
.faq-card summary::-webkit-details-marker{display:none}
.faq-card summary::after{content:"+";font-size:24px;color:var(--orange);transition:transform .25s;flex-shrink:0;line-height:1}
.faq-card[open] summary::after{transform:rotate(45deg)}
.faq-card .a{padding:0 24px 22px;color:var(--brown-light);line-height:1.7;font-size:14px}

/* Contact form */
.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-top:8px}
@media (max-width:780px){.contact-grid{grid-template-columns:1fr}}
.contact-form{display:flex;flex-direction:column;gap:14px}
.contact-form .field input, .contact-form .field textarea, .contact-form .field select{
  width:100%;padding:14px 16px;border:1.5px solid var(--line);border-radius:12px;
  font-family:var(--sans);font-size:14px;color:var(--brown);background:var(--soft);
  outline:none;transition:border-color .2s,background .2s;
}
.contact-form textarea{resize:vertical;min-height:130px;font-family:var(--sans)}
.contact-form .field input:focus, .contact-form .field textarea:focus{border-color:var(--orange);background:var(--white)}
.contact-side{background:var(--soft);border-radius:18px;padding:28px}
.contact-side h3{font-family:var(--rounded);font-weight:800;font-size:18px;color:var(--brown);margin-bottom:16px}
.contact-side .row{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px;font-size:14px}
.contact-side .row .ico{flex-shrink:0;width:36px;height:36px;border-radius:10px;background:var(--orange-soft);color:var(--orange-deep);display:grid;place-items:center;font-size:18px}
.contact-side .row .lbl{font-family:var(--rounded);font-weight:700;color:var(--brown);font-size:13px;margin-bottom:2px}
.contact-side .row .val{color:var(--brown-light);font-size:13px;line-height:1.55}

/* Collections grid (collections.html) */
.coll-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:32px}
.coll-card{
  position:relative;aspect-ratio:4/5;border-radius:20px;overflow:hidden;
  display:block;text-decoration:none;color:#fff;
  background:#3A2418;background-size:cover;background-position:center;
  transition:transform .3s, box-shadow .3s;
  box-shadow:0 16px 40px -20px rgba(58,36,24,.4);
}
.coll-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px -20px rgba(58,36,24,.5)}
.coll-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(58,36,24,.85) 100%)}
.coll-card .info{position:absolute;left:0;right:0;bottom:0;padding:24px;z-index:2}
.coll-card .num{font-family:var(--mono);font-size:11px;letter-spacing:.1em;opacity:.85;margin-bottom:8px}
.coll-card .ttl{font-family:var(--rounded);font-weight:800;font-size:28px;letter-spacing:-.01em;line-height:1.05;margin-bottom:6px}
.coll-card .desc{font-size:13px;opacity:.85;line-height:1.5}
.coll-card .pill{position:absolute;top:18px;left:18px;background:var(--orange);color:#fff;font-family:var(--rounded);font-weight:700;font-size:11px;padding:5px 12px;border-radius:999px;letter-spacing:.05em;z-index:2;transform:rotate(-3deg)}

/* Drops timeline */
.drops-list{display:flex;flex-direction:column;gap:0;position:relative;margin-top:36px}
.drops-list::before{content:"";position:absolute;left:24px;top:24px;bottom:24px;width:2px;background:linear-gradient(180deg,var(--orange) 0%,var(--orange-soft) 100%);border-radius:2px}
.drop-item{display:grid;grid-template-columns:64px 1fr;gap:24px;align-items:flex-start;padding:18px 0;position:relative}
.drop-item .dot-mark{
  width:48px;height:48px;border-radius:50%;background:var(--orange);color:#fff;
  display:grid;place-items:center;font-family:var(--rounded);font-weight:800;
  position:relative;z-index:1;box-shadow:0 4px 0 rgba(58,36,24,.25);font-size:13px
}
.drop-item.upcoming .dot-mark{background:var(--white);color:var(--orange);border:2px dashed var(--orange)}
.drop-item .info{background:var(--soft);padding:20px 24px;border-radius:14px}
.drop-item .info .date{font-family:var(--mono);font-size:11px;color:var(--orange-deep);font-weight:600;letter-spacing:.05em;margin-bottom:6px}
.drop-item .info h3{font-family:var(--rounded);font-weight:800;font-size:20px;color:var(--brown);margin-bottom:6px}
.drop-item .info p{font-size:14px;color:var(--brown-light);line-height:1.6;margin:0}
.drop-item.upcoming .info{background:#FFF8F1;border:1.5px dashed var(--orange-soft)}

/* Manifesto */
.manifesto{font-family:var(--rounded);font-weight:700;font-size:34px;line-height:1.3;color:var(--brown);margin:32px 0;letter-spacing:-.01em}
.manifesto .accent{color:var(--orange)}
@media (max-width:640px){.manifesto{font-size:24px}}
.manifesto-rules{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin:28px 0}
.manifesto-rules .rule{background:var(--soft);padding:24px;border-radius:16px;position:relative}
.manifesto-rules .rule .n{font-family:var(--display);font-size:42px;color:var(--orange);line-height:1;display:block;margin-bottom:10px}
.manifesto-rules .rule h4{font-family:var(--rounded);font-weight:800;font-size:16px;color:var(--brown);margin-bottom:6px}
.manifesto-rules .rule p{font-size:13px;color:var(--brown-light);line-height:1.55;margin:0}

/* Story */
.story-figure{margin:24px 0;border-radius:18px;overflow:hidden;aspect-ratio:16/9;background-size:cover;background-position:center}
.story-pull{font-family:var(--rounded);font-weight:700;font-size:22px;color:var(--brown);border-left:4px solid var(--orange);padding:18px 22px;background:var(--orange-soft);border-radius:0 14px 14px 0;margin:24px 0}