body.welcome-web {
  --w-ink:#173d2d;
  --w-edge:clamp(26px,6.4vw,144px);
  --w-sage:#e6e9db;
  color:var(--w-ink);
  background:#faf8f0;
}
.welcome-web .web-opening,.welcome-web .web-certificate {
  box-sizing:border-box;
  max-width:none;
  margin:0;
  border:0;
  padding:0;
  color:var(--w-ink);
  font:16px/1.5 Arial,sans-serif;
}
.web-kicker {
  display:block;
  font:600 11px/1.5 Arial,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#4e624f;
}
.welcome-web .web-certificate {
  display:grid;isolation:isolate;position:relative;overflow:hidden;
  align-items:center;min-height:clamp(390px,33vw,630px);
  background:#e8e9de;
}
.web-record-art {position:absolute;inset:0;z-index:-1}
.web-record-art>img {
  width:100%;height:100%;object-fit:cover;object-position:45% 45%;
  mask-image:linear-gradient(90deg,#000 13%,#000e 32%,#0006 53%,transparent 71%);
}
.web-sheet {
  position:absolute;height:74%;width:auto;left:39%;top:14%;
  border:0;padding:0;cursor:zoom-in;background:#fff;
  transform:rotate(4deg);box-shadow:0 12px 30px #30253639;
}
.web-sheet img {display:block;height:100%;width:auto}
.web-record-copy {padding:40px var(--w-edge) 40px 0;margin-left:64%}
.web-record-copy h2 {
  color:var(--w-ink);margin:14px 0;font:normal clamp(42px,4.15vw,80px)/1 Georgia;
  letter-spacing:-.055em;
}
.web-record-copy h2 em {display:block;color:#646950;font-weight:400}
.web-record-copy p {margin:0 0 21px}
.record-actions {align-items:start;flex-direction:column;gap:4px}
.record-actions button {background:#f6f5ea;border-color:#bfc4b1}
.record-actions a {display:inline-flex;align-items:center;min-height:38px;color:var(--w-ink);font:600 14px Arial;text-underline-offset:4px}
.welcome-web #research .web-study {
  display:grid;grid-template-columns:1fr 1fr;position:relative;isolation:isolate;align-items:center;overflow:hidden;
  min-height:clamp(260px,25vw,420px);margin:26px 0 36px;padding:0;
  background:#e1e6d6;
}
.web-study>div {padding:clamp(25px,4vw,68px);z-index:1}
.web-study h3 {font:normal clamp(32px,3.5vw,66px)/1.03 Georgia;letter-spacing:-.048em;margin:10px 0}
.web-study p {margin:0 0 12px}
.web-study img {width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 42%;mask-image:linear-gradient(90deg,transparent 22%,#0004 44%,#000 66%)}
.web-study a {font-weight:600;text-underline-offset:4px}
.welcome-web .fold:empty,.welcome-web .rosemary-edit:empty {display:none}
.welcome-web #builder {scroll-margin-top:20px}
.welcome-web #giving .care-copy p {max-width:36ch}
body.welcome-web section.fj#fieldstory .fj-card {flex-basis:43%}
body.welcome-web #fieldstory .fj-card img {aspect-ratio:1.7}
body.welcome-web #fieldstory .fj-head {border-bottom:0}
.welcome-web :is(.web-opening,.web-certificate,.web-study) :focus-visible {outline:2px solid #315b3e;outline-offset:4px}

.offer-banner,.single-banner {
  position:relative;isolation:isolate;overflow:hidden;display:grid;align-items:center;
  padding:0;margin:0;width:100%;border:0;
}
.offer-banner {
  min-height:clamp(565px,81svh,960px);
  background:#ebeedf;
}
.offer-picture {
  position:absolute;z-index:-1;right:0;top:0;width:77%;height:100%;
  object-fit:cover;object-position:56% 53%;
  mask-image:linear-gradient(90deg,transparent 1%,#0003 12%,#000d 30%,#000 40%);
}
.banner-copy {margin:48px 0 48px var(--w-edge);width:38%;max-width:690px}
.banner-copy h1,.single-copy h2 {
  color:var(--w-ink);margin:0;letter-spacing:-.065em;font:normal clamp(72px,7.5vw,148px)/.92 Georgia,serif;letter-spacing:-.065em;
}
.banner-copy h1 em,.single-copy h2 em {display:block;color:#647355;font-weight:400}
.banner-copy p,.single-copy p {font:normal clamp(16px,1.35vw,22px)/1.5 Arial,sans-serif;max-width:28ch;margin:22px 0;color:#405845}
.banner-price {display:block;font:normal clamp(44px,4vw,82px)/1 Georgia;letter-spacing:-.045em}
.banner-actions,.record-actions {display:flex;gap:clamp(12px,1.4vw,24px);align-items:center;flex-wrap:wrap}
.banner-actions {margin-top:23px}
.banner-buy,.record-actions button {display:inline-flex;min-height:48px;align-items:center;justify-content:center;border:1px solid #a5b496;border-radius:32px;padding:12px 24px;background:#d9e5cf;color:#193d2c;font:600 16px/1.3 Arial;cursor:pointer;text-decoration:none}
.banner-buy:hover,.record-actions button:hover {background:#cfddc2}
.banner-actions :is(.compare-trigger,a:not(.banner-buy)) {display:inline-flex;align-items:center;min-height:44px;background:transparent;padding:0;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;font:500 16px/1.35 Arial;color:#29483a}
.single-banner {
  min-height:clamp(540px,74svh,860px);
  background:linear-gradient(120deg,#dedac2,#f5efdf 70%);
}
.single-picture {position:absolute;inset:0 auto 0 0;width:65%;z-index:-1}
.single-picture>img {height:100%;width:100%;object-fit:cover;object-position:50% 85%;mask-image:linear-gradient(90deg,#000 68%,#000a 85%,transparent 100%)}
.single-bottle {
  position:absolute;left:21%;bottom:13%;width:34%;height:72%;display:flex;justify-content:center;
}
.single-bottle svg {display:block;height:100%;width:auto;max-width:100%;overflow:hidden;filter:drop-shadow(4px 5px 3px #5543232b)}
.single-bottle:before {content:'';position:absolute;width:65%;height:3%;left:18%;bottom:3.7%;background:#4b351e77;filter:blur(6px);border-radius:100%}
.single-copy {position:relative;margin:42px var(--w-edge) 42px 63%;width:auto}
.single-copy h2 {font-size:clamp(54px,5.7vw,110px)}
.single-copy h2 em {color:#756a50}
.sea-status {display:block;position:absolute;top:100%;margin-top:8px;font:14px Arial}
.sea-status a {color:inherit}
.box-price-dialog {width:min(440px,calc(100vw - 32px));max-height:85svh;box-sizing:border-box;padding:28px;border:0;border-radius:16px;color:#193e2e;background:#f8f8ef;box-shadow:0 15px 80px #25412840;font:16px/1.5 Arial}
.box-price-dialog::backdrop {background:#1a322d62}
.box-price-dialog header {display:flex;align-items:center;justify-content:space-between;gap:12px;position:static;background:none;padding:0}
.box-price-dialog h2 {margin:0;font:normal 34px/1.1 Georgia;letter-spacing:-.04em}
.box-price-dialog header button {border:0;min-height:44px;background:transparent;color:inherit;cursor:pointer;font:600 14px Arial}
.box-price-dialog>p {margin:8px 0 16px}
.compare-choices>div,.compare-totals>div {display:flex;align-items:center;justify-content:space-between;gap:12px}
.compare-choices>div {margin:6px 0}
.compare-choices select {width:72%;font:16px Arial;color:inherit;background:#fffef8;border:1px solid #bcc5b3;border-radius:8px;padding:8px;min-height:44px}
.compare-totals {margin-top:20px;padding:16px;background:#e3ead9;border-radius:8px}
.compare-totals [data-result] {display:block;margin-top:8px}
.record-actions {flex-direction:column;align-items:flex-start;gap:5px}
@media(max-width:850px) {
  .banner-copy {width:42%}.banner-copy h1 {font-size:clamp(55px,9vw,75px)}
  .single-copy {margin-left:58%}.single-copy h2 {font-size:54px}
}
@media(max-width:600px) {
  .offer-banner {min-height:660px;align-items:end}
  .offer-picture {inset:0 0 auto;width:100%;height:59%;mask-image:linear-gradient(black 60%,transparent)}
  .banner-copy {width:auto;margin:310px var(--w-edge) 34px}
  .banner-copy h1 em {display:inline}.banner-copy p {margin-block:12px}
  .single-banner {min-height:630px;align-items:end}
  .single-picture {width:100%;height:62%}.single-picture>img {mask-image:linear-gradient(black 87%,transparent)}
  .single-copy {margin:390px var(--w-edge) 35px}
  .single-copy h2 em {display:inline}.single-copy p {margin-block:12px}
  .web-record-copy {margin-left:51%;padding:22px 12px 22px 0}
  .web-sheet {height:48%;left:7%;top:26%}
  .web-record-copy h2 {font-size:clamp(30px,7vw,42px)}
  .web-record-art>img {mask-image:linear-gradient(90deg,#000,transparent 72%)}
}