
:root{--navy:#172737;--navy2:#101b25;--gold:#9d742f;--cream:#f2e5c7;--paper:#ead7ad;--ink:#2a1c10;--muted:#705c45;--line:#b78d4b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Georgia,"Times New Roman",serif;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.32),transparent 22%),repeating-linear-gradient(0deg,rgba(80,50,20,.025) 0 1px,transparent 1px 5px),var(--cream)}img{max-width:100%;display:block}a{color:inherit}
.site-header{position:sticky;top:0;z-index:50;background:rgba(242,229,199,.96);border-top:12px solid var(--navy2);border-bottom:1px solid rgba(42,28,16,.18);backdrop-filter:blur(10px)}
.header-inner{width:min(94%,1460px);margin:auto;min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.wordmark{width:360px;flex:0 0 auto}.wordmark img{width:100%}nav{display:flex;align-items:center;gap:1.55rem}nav a{text-decoration:none;text-transform:uppercase;font-size:.85rem;font-weight:700;letter-spacing:.04em}nav a:hover,.active{color:var(--gold)}.shop-button{background:var(--navy);color:#f4e4bf;padding:.85rem 1.15rem}.menu-button{display:none}
.hero{min-height:650px;position:relative;display:flex;align-items:center;overflow:hidden;background:url("assets/hero-apiary.jpg") center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,230,199,.97) 0%,rgba(244,230,199,.76) 39%,rgba(22,31,33,.08) 67%)}.hero-copy{position:relative;z-index:2;width:min(92%,1420px);margin:auto;padding-left:2rem}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.13em;color:var(--gold);font-weight:700}.hero h1{font-size:clamp(4.5rem,8.5vw,8.5rem);line-height:.88;color:var(--navy);margin:.45rem 0 1rem;letter-spacing:-.03em}.divider{width:360px;margin:1rem 0}.hero-copy>p:last-of-type{font-size:1.35rem;line-height:1.5;max-width:580px}.hero-actions{display:flex;gap:.8rem;margin-top:1.6rem}.button{display:inline-block;text-decoration:none;text-transform:uppercase;letter-spacing:.06em;font-weight:700;padding:1rem 1.45rem;border:1px solid var(--navy)}.button.primary{background:var(--navy);color:#f4e4bf}.button.ghost{background:rgba(242,229,199,.58)}.hero-botanical{position:absolute;right:-2rem;bottom:-3rem;width:250px;opacity:.8}
.intro-strip{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);background:rgba(248,237,212,.9);padding:2rem 4rem}.intro-strip div{text-align:center;padding:0 1.5rem;border-right:1px solid rgba(157,116,47,.35)}.intro-strip div:last-child{border-right:0}.intro-strip strong{display:block;text-transform:uppercase;letter-spacing:.06em;color:var(--navy);margin-bottom:.4rem}.intro-strip span{color:var(--muted)}
.products{padding:5rem 3rem 5.5rem;text-align:center}.products h2,.approach h2,.newsletter h2{color:var(--navy);font-size:clamp(2.6rem,5vw,5rem);line-height:1;margin:.35rem 0}.section-rule{width:min(700px,80%);margin:1.3rem auto 2rem}.product-grid{width:min(100%,1420px);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.product-card{background:rgba(239,221,183,.86);border:1px solid var(--line);box-shadow:0 9px 20px rgba(55,34,16,.09);position:relative}.product-card:before{content:"";position:absolute;inset:9px;border:1px solid rgba(23,39,55,.13);pointer-events:none}.icon-panel{height:245px;display:grid;place-items:center;padding:1.3rem;background:rgba(255,250,236,.32);border-bottom:1px solid var(--line)}.icon-panel img{height:100%;width:100%;object-fit:contain}.product-copy{padding:1.4rem 1.3rem 1.8rem;min-height:270px}.product-copy span{color:var(--gold);text-transform:uppercase;font-size:.76rem;letter-spacing:.12em;font-weight:700}.product-copy h3{font-size:1.65rem;color:var(--navy);margin:.45rem 0 .7rem}.product-copy p{line-height:1.45;color:#55422e;min-height:92px}.product-copy a{text-transform:uppercase;font-weight:700;text-underline-offset:5px;color:var(--navy)}
.approach{display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:center;padding:5rem max(4vw,2rem);border-top:1px solid var(--line);background:rgba(244,229,196,.76)}.approach-copy{max-width:620px;margin-left:auto}.small-divider{width:250px;margin:1.2rem 0}.approach-copy>p:last-of-type{font-size:1.08rem;line-height:1.6;color:#55422e;margin-bottom:1.6rem}.approach figure{margin:0;position:relative;padding:14px;background:#e4c995;border:1px solid var(--line);box-shadow:0 12px 35px rgba(52,33,17,.16)}.approach figure:before{content:"";position:absolute;width:120px;height:26px;top:-13px;left:50%;transform:translateX(-50%);background:#d8b56d;opacity:.85}.approach figure img{width:100%;aspect-ratio:1.75/1;object-fit:cover}.approach figcaption{position:absolute;right:24px;bottom:20px;background:rgba(16,27,37,.84);color:#f2dfb6;padding:.5rem .8rem;font-size:.85rem}
.newsletter{
  background:var(--navy2);
  color:#f0deba;
  padding:3rem max(5vw,2rem);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4rem;
  align-items:center;
  border-top:3px solid var(--gold)}
  .newsletter h2{color:#f0deba;font-size:2.6rem}
  .newsletter p{color:#d2c09f}
  .newsletter label{display:block;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.6rem}
  .form-row{display:flex}
  .newsletter input{flex:1;background:#131f29;color:white;border:1px solid var(--gold);padding:1rem;font:inherit}
  .newsletter button{
    border:0;
    background:#b38233;
    color:white;
    text-transform:uppercase;
    font:700 1rem Georgia,serif;
    padding:0 1.7rem}

    footer{padding:2.8rem max(5vw,2rem) 1.2rem;background:#ead8b0;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:2rem;max-width:1420px;margin:auto}.footer-brand{display:flex;gap:1rem;align-items:center}.footer-brand img{width:105px;height:105px;object-fit:contain;border-radius:50%;mix-blend-mode:multiply}footer h4{text-transform:uppercase;color:var(--gold);margin:.2rem 0 .6rem;letter-spacing:.08em}footer a{display:block;text-decoration:none;margin:.32rem 0}.footer-bottom{max-width:1420px;margin:2rem auto 0;padding-top:1rem;border-top:1px solid rgba(42,28,16,.25);display:flex;justify-content:space-between;font-size:.86rem}
@media(max-width:1120px){.header-inner{min-height:96px}.wordmark{width:290px}nav{gap:.8rem}nav a{font-size:.74rem}.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.header-inner{min-height:82px}.wordmark{width:230px}.menu-button{display:block;border:1px solid var(--navy);background:transparent;padding:.6rem .8rem;text-transform:uppercase}nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--cream);padding:1.2rem;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{min-height:590px;background-position:68% center}.hero-copy{padding-left:0}.hero h1{font-size:4.7rem}.hero-shade{background:linear-gradient(90deg,rgba(244,230,199,.96),rgba(244,230,199,.7) 70%,rgba(22,31,33,.06))}.intro-strip{grid-template-columns:1fr 1fr;padding:1rem}.intro-strip div{padding:1.2rem;border-right:0;border-bottom:1px solid rgba(157,116,47,.25)}.approach,.newsletter{grid-template-columns:1fr}.approach-copy{margin:0}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.wordmark{width:185px}.hero h1{font-size:3.75rem}.hero-copy>p:last-of-type{font-size:1.08rem}.hero-actions{flex-direction:column;align-items:flex-start}.intro-strip,.product-grid,.footer-grid{grid-template-columns:1fr}.products{padding-inline:1rem}.form-row{flex-direction:column}.newsletter button{padding:1rem}.footer-bottom{flex-direction:column;gap:.4rem}}


.journal{
  padding:5rem max(5vw,2rem);
  background:
    linear-gradient(rgba(241,225,191,.93),rgba(241,225,191,.93)),
    repeating-linear-gradient(90deg,rgba(80,50,20,.03) 0 1px,transparent 1px 6px);
  border-top:1px solid var(--line)
}
.journal-inner{max-width:1420px;margin:auto}
.journal h2{font-size:clamp(2.8rem,5vw,5rem);color:var(--navy);margin:.35rem 0}
.journal-lead{max-width:760px;font-size:1.12rem;line-height:1.6;color:#55422e}
.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:2.2rem}
.journal-grid article{padding:1.7rem;background:rgba(250,240,216,.72);border:1px solid var(--line)}
.journal-grid span{text-transform:uppercase;letter-spacing:.1em;color:var(--gold);font-size:.76rem;font-weight:700}
.journal-grid h3{color:var(--navy);font-size:1.5rem;margin:.45rem 0 .7rem}
.journal-grid p{line-height:1.5;color:#55422e}
@media(max-width:800px){.journal-grid{grid-template-columns:1fr}}

.newsletter-message {
  min-height: 1.5rem;
  margin: 0.75rem 0 0;
}

.newsletter-message.success {
  color: #dce9c5;
}

.newsletter-message.error {
  color: #ffd0c8;
}

.newsletter button:disabled {
  cursor: wait;
  opacity: 0.65;
}
