/* The chosen Sunlit Herbarium direction, finished for the public site. */

  #traditions .bwn-herb-intro { max-width: 760px; }
  #traditions h2 { font-size: clamp(2.35rem, 5vw, 4rem); margin: 0 0 1.25rem; }
  #traditions .bwn-use-note { max-width: 850px; padding: 1rem 1.25rem; border-left: 3px solid var(--accent, #a94e32); background: var(--white, #fffaf1); }
  #traditions .bwn-herb-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; margin-top: 2rem; }
  #traditions .bwn-herb-card { border: 1px solid var(--line, #c8baa3); padding: clamp(1.25rem, 3vw, 2rem); background: var(--white, #fffaf1); }
  #traditions h3 { font-family: var(--display, Georgia, serif); font-size: 1.85rem; font-weight: 400; margin: 0 0 .4rem; }
  #traditions .bwn-herb-meta { color: var(--muted, #6d655a); font-size: .9rem; margin: 0 0 1.2rem; }
  #traditions .bwn-herb-card p:last-child { margin-bottom: 0; }
  #traditions .bwn-cite { font-size: .72em; vertical-align: super; white-space: nowrap; }
  #traditions a { text-underline-offset: .18em; }
  #traditions a:focus-visible, #traditions summary:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
  #traditions .bwn-safety, #traditions .bwn-reading { max-width: 850px; margin-top: 1.5rem; font-size: .92rem; }
  #traditions .bwn-reading summary { cursor: pointer; font-weight: 700; }
  #traditions .bwn-reading ul { padding-left: 1.25rem; }
  @media (max-width: 650px) { #traditions .bwn-herb-cards { grid-template-columns: 1fr; } }

.launch { --muted:#625a4e; }
.launch header { position:relative; min-height:92px; display:flex; align-items:center; }
.launch .hero { min-height:640px; padding:64px 0 55px; }
.launch .hero-grid { gap:40px; }
.launch .hero h1 { font-size:clamp(2.7rem,4.6vw,4.6rem); }
.launch .hero h1 span,.launch .hero h1 em { white-space:normal; }
.launch .lead { max-width:560px; font-size:1.16rem; }
.hero-note { font-size:.82rem; margin-top:25px; color:var(--muted); max-width:360px; }
.hero-products { margin:0; min-width:0; }
.hero-still-life { position:relative; height:470px; isolation:isolate; }
.hero-pouch { position:absolute; width:84%; height:100%; object-fit:contain; right:-5%; top:-2%; transform:rotate(6deg); }
.hero-tin { position:absolute; width:65%; left:-10%; bottom:-3%; transform:rotate(-12deg); filter:drop-shadow(0 15px 14px #242b2520); }
.hero-products figcaption { position:relative; text-align:center; font-size:.7rem; color:#4e5742; margin-top:42px; }
.launch .navlinks { gap:24px; }
.launch .navlinks a { font-size:.7rem; letter-spacing:.07em; min-height:44px; display:flex; align-items:center; }
.launch .trust-grid span { font-size:.68rem; }
.launch section { scroll-margin-top:24px; }
.launch .section-head { grid-template-columns:1fr 1fr; }
.launch .section-head .eyebrow { font-size:.73rem; margin-bottom:12px; }
.launch .catalogue-grid { display:grid; gap:18px; }
.launch .catalogue-grid.products { grid-template-columns:repeat(3,minmax(0,1fr)); }
.launch .catalogue-grid.herbs { grid-template-columns:repeat(4,minmax(0,1fr)); }
.launch .catalogue-item,.launch .catalogue-item.mock { background:var(--white); border:1px solid var(--line); min-width:0; display:flex; flex-direction:column; }
.launch .catalogue-item img { width:100%; aspect-ratio:1; object-fit:contain; background:#eee3d1; }
.launch .mock-flag { margin-top:auto; align-self:flex-start; border:1px solid var(--accent); color:var(--accent); padding:6px 9px; font-size:.68rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.launch .coming-soon { min-height:180px; border:1px dashed var(--line); padding:32px; display:grid; align-content:center; }
.launch #bath-salts,.launch #infused-oils,.launch #body-care { padding-block:42px; }
@media(max-width:1000px){.launch .catalogue-grid.herbs{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:900px){.launch .catalogue-grid.products{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:359px){.launch .catalogue-grid.products,.launch .catalogue-grid.herbs{grid-template-columns:1fr;}}
.launch .catalogue-item img { border-radius:0; object-fit:contain; width:100%; aspect-ratio:1; background:#eee3d1; }
.product-copy { padding:20px 22px 22px; flex:1; display:flex; flex-direction:column; }
.launch .catalogue-item h3 { margin:0 0 5px; font-size:1.6rem; }
.launch .catalogue-item .product-meta,.product-meta { font-size:.74rem; color:var(--muted); margin:0 0 10px; }
.launch .catalogue-item .product-description { font-size:.9rem; color:var(--ink); margin:0 0 14px; }
.launch .catalogue-item details { margin-top:auto; }
.launch summary { min-height:44px; display:list-item; padding-block:10px; }
.launch .catalogue-item summary { font-size:.73rem; padding-block:8px; }
.product-request { display:flex; align-items:center; justify-content:space-between; min-height:44px; font-size:.77rem; font-weight:700; text-decoration:none; border-top:1px solid var(--line); padding-top:8px; margin-top:12px; gap:10px; }
.product-request:hover { color:var(--accent); text-decoration:underline; text-underline-offset:4px; }
.illustration-note { text-align:center; color:var(--muted); font-size:.76rem; margin-top:14px; }
.launch .herb-section { background:#e6e8dc; }
.herb-product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.herb-card { background:#f7f5eb; border:1px solid var(--line); display:flex; flex-direction:column; min-width:0; }
.herb-card img { aspect-ratio:1; width:100%; object-fit:contain; }
.herb-card h3 { font:400 1.8rem var(--display); margin:0 0 8px; }
.herb-card .eyebrow { font-size:.6rem; letter-spacing:.12em; }
.herb-card p:not(.eyebrow):not(.product-meta) { font-size:.86rem; margin:0 0 16px; }
.herb-card .product-request { margin-top:auto; }
.herb-card .product-copy { padding:20px 18px; }
.launch .story-grid h2 { font-size:clamp(2.8rem,5vw,5rem); }
.launch .story-grid h2 em { color:var(--accent); font-weight:400; }
.launch .story-copy { padding-top:0; }
.launch .story-copy p:first-child { margin-top:0; }
.questions { padding-top:0; }
.faq-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; }
.faq-grid h2 { font-size:clamp(2.4rem,4vw,4rem); margin:0; }
.faq-list details { border-top:1px solid var(--line); }
.faq-list details:last-child { border-bottom:1px solid var(--line); }
.faq-list summary { font-size:1rem; padding:20px 0; cursor:pointer; }
.faq-list p { margin:0 0 24px; font-size:.95rem; max-width:620px; }
.launch .contact-small { font-size:.84rem; color:#514139; }
.launch .contact-note { padding-left:32px; }
.contact-pending { padding:16px; background:var(--white); border:1px dashed var(--accent); font-size:.85rem; }
.launch .social-row a { font-size:.8rem; min-height:44px; display:inline-flex; align-items:center; text-underline-offset:4px; }
.launch footer a { display:inline-flex; align-items:center; min-height:44px; font-size:.8rem; text-underline-offset:4px; }
.launch footer p + p { margin-top:6px; }
.review-notice { background:#24392c; color:#fff9ef; padding:9px 20px; text-align:center; font-size:.78rem; }
:focus-visible { outline:3px solid #975032; outline-offset:5px; }
.traditions { background:var(--white); }
.traditions h2 { font-size:clamp(2.8rem,5vw,5rem); margin:0 0 22px; }
.traditions .intro { max-width:760px; font-size:1.1rem; }
.tradition-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-block:38px; }
.tradition-card { border:1px solid var(--line); padding:28px; background:#f8f2e7; }
.tradition-card h3 { margin:0 0 16px; font:400 1.9rem var(--display); }
.tradition-card p { font-size:.95rem; }
.tradition-card .eyebrow { font-size:.65rem; }
.traditions .source-note,.traditions .safety-note { font-size:.86rem; max-width:900px; }
.traditions .source-note { color:var(--muted); }
.traditions a { text-underline-offset:3px; }
.traditions .reading-list { border-top:1px solid var(--line); margin-top:26px; }
.traditions .reading-list summary { cursor:pointer; }
.traditions .reading-list li { padding:8px 0; font-size:.85rem; }
.privacy-content { max-width:760px; padding-block:65px; }
.privacy-content h1 { font:400 clamp(2.8rem,6vw,4.6rem) var(--display); line-height:1.1; }
.privacy-content h2 { font:400 1.8rem var(--display); margin-top:36px; }
@media(min-width:901px) and (max-width:1120px) {
 .launch .hero-grid { gap:22px; grid-template-columns:1.1fr .9fr; }
 .hero-still-life { height:400px; }
 .launch .navlinks { gap:15px; }
 .launch .hero h1 { font-size:3.1rem; }
}
@media(max-width:1000px) { .herb-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:900px) {
 .launch .hero-grid { grid-template-columns:1fr; }
 .launch .hero { background:linear-gradient(180deg,var(--paper) 0 56%,#d7ddcb 56% 100%); }
 .launch .hero h1 { font-size:clamp(3rem,7vw,4.4rem); }
 .hero-products { width:100%; max-width:510px; margin:auto; }
 .hero-still-life { height:460px; }
 .hero-tin { left:-2%; }
 .launch .section-head,.faq-grid { grid-template-columns:1fr; gap:28px; }
 .launch .contact-note { padding:28px 0 0; }
}
@media(max-width:650px) {
 .launch .hero { padding:42px 0 32px; }
 .launch .hero h1 { font-size:clamp(2.15rem,10.4vw,3.5rem); }
 .launch .hero-grid { gap:24px; }
 .launch .lead { font-size:1.05rem; }
 .hero-still-life { height:340px; }
 .hero-pouch { right:0; }
 .hero-tin { width:61%; left:0; }
 .launch .navlinks { top:75px; gap:8px; }
 .launch .menu { min-width:44px; min-height:44px; }
 .launch .catalogue-grid { gap:12px; }
 .product-copy { padding:14px 12px; }
 .launch .catalogue-item h3 { font-size:1.2rem; }
 .launch .catalogue-item .product-description { font-size:.8rem; }
 .launch .catalogue-item .product-meta { font-size:.67rem; }
 .launch .catalogue-item details p { font-size:.78rem; overflow-wrap:anywhere; }
 .product-request { font-size:.73rem; }
 .herb-product-grid { gap:12px; }
 .herb-card .product-copy { padding:16px 12px; }
 .herb-card h3 { font-size:1.4rem; }
 .herb-card .eyebrow { font-size:.53rem; letter-spacing:.06em; }
 .herb-card p:not(.eyebrow):not(.product-meta) { font-size:.8rem; }
 .tradition-grid { grid-template-columns:1fr; }
 .tradition-card { padding:24px; }
 .launch .contact-box { gap:15px; }
}
@media(max-width:359px) { .launch .catalogue-grid,.herb-product-grid { grid-template-columns:1fr; } .hero-still-life { height:285px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
@media print { .menu,.review-notice,.hero-products,.product-card img,.herb-card img { display:none; } header { position:static; } section { break-inside:avoid; padding:20px 0; } }
