@import url('https://fonts.googleapis.com/css2?family=Allura&display=swap');
:root{--olive:#343c26;--ink:#3e4a30;--ivory:#f4f0e6}*{box-sizing:border-box}body{margin:0;background:var(--olive);color:var(--ink);font:16px/1.65 Arial,sans-serif;padding:5vw}.panel{max-width:1400px;margin:auto;background:var(--ivory);border-radius:34px;overflow:hidden;box-shadow:0 25px 70px #1115}header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 5%}.brand{font-family:Allura,cursive;font-size:42px;line-height:1.15;white-space:nowrap;text-decoration:none}nav{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}a{color:inherit}nav a{text-decoration:none}nav a:hover,nav a[aria-current]{text-decoration:underline;text-underline-offset:5px}.mobile-nav{display:none}.hero{min-height:650px;padding:60px 7% 80px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:5%}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.12}h1{font-size:clamp(40px,4.5vw,70px);margin:16px 0 28px;letter-spacing:-1.7px}h2{font-size:29px;margin-top:38px}.hero p{max-width:400px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px}.button,button{display:inline-block;border:1px solid var(--ink);border-radius:28px;padding:12px 24px;color:var(--ink);background:transparent;font:inherit;text-decoration:none;cursor:pointer}.button{margin-top:22px}.button span{margin-left:35px}.button:hover,button:hover:not(:disabled){background:var(--ink);color:var(--ivory)}.image-slot{height:470px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px dashed #8b927d;border-radius:45% 45% 20px 20px;background:#e8e5d9;color:#5d6650}.image-slot p{font:23px Georgia,serif;padding:20px}.prose{max-width:780px;padding:60px 30px 100px;margin:auto}.prose h1{font-size:56px}.prose p{margin:0 0 23px}.prose p:last-child{font-weight:600}.note{padding:24px;border-left:3px solid #71815b;background:#e9e9dc;margin:30px 0}.note h2{margin-top:0}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #d9dacb;padding:22px 5%;font-size:12px}fieldset{border:0;border-top:1px solid #ced1c1;margin:30px 0;padding:22px 0}legend{font:24px Georgia,serif;padding-right:15px}label{display:block;margin:14px 0}input,select,textarea{display:block;width:100%;border:1px solid #939a86;background:#fffcf5;color:#28321e;padding:12px;border-radius:7px;font:inherit}.check{display:flex;align-items:flex-start;gap:12px}.check input{width:20px;flex-shrink:0;margin-top:6px}button:disabled,fieldset:disabled{opacity:.6;cursor:not-allowed}.amounts{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 30px}.disclosure{font-size:14px}.trap{display:none}.skip{position:absolute;left:-10000px}.skip:focus{left:20px;top:10px;background:white;padding:8px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8c5832;outline-offset:4px}@media(max-width:1000px){.desktop-nav{display:none}.mobile-nav{display:block}.mobile-nav nav{padding:20px 0;flex-direction:column}.hero{min-height:0;gap:40px;padding-top:30px}.brand{font-size:36px}}@media(max-width:650px){body{padding:16px}.panel{border-radius:24px}header{padding:24px;align-items:flex-start}.hero{grid-template-columns:1fr;padding:30px 26px 45px}.hero h1{font-size:44px}.image-slot{height:330px}.prose{padding:30px 24px 60px}.prose h1{font-size:43px}.brand{font-size:32px}footer{padding:20px 24px}}
/* Crop the vase region of the supplied composite without modifying source pixels. */
.hero{grid-template-columns:1.25fr 1fr;gap:0;padding:35px 5% 55px;min-height:690px;background:#faf1e7}.hero>div:first-child{position:relative;z-index:1}.hero-wordmark{font-family:Allura,cursive;font-size:clamp(64px,6.2vw,98px);letter-spacing:-2px;white-space:nowrap;line-height:1.1;margin:0 0 20px}.hero-wordmark span{font-size:.85em}.hero .tagline{font:italic 28px/1.35 Georgia,serif;max-width:620px;margin:0 0 24px}.hero p:not(.tagline){max-width:520px;font-size:18px}.vase-crop{position:relative;aspect-ratio:580/720;overflow:hidden;width:100%}.vase-crop img{position:absolute;width:249.655%;max-width:none;height:auto;left:-132.76%;top:-30.556%}.hero .button{min-width:230px;display:flex;justify-content:space-between;width:max-content}.hero .button span{background:#4b6030;color:white;border-radius:50%;width:28px;height:28px;text-align:center;margin-left:35px}.hero .button{padding:7px 8px 7px 22px}.hero .button span{font-size:20px}header{background:#faf1e7}@media(max-width:1000px){.hero-wordmark{font-size:64px}.hero .tagline{font-size:24px}.hero{min-height:0}.hero p:not(.tagline){font-size:16px}}@media(max-width:650px){.hero{grid-template-columns:1fr;padding:28px 24px 30px;gap:24px}.hero-wordmark{white-space:normal;font-size:61px;letter-spacing:-1px}.hero .tagline{font-size:24px}.vase-crop{max-width:390px;margin:auto}.hero p:not(.tagline){font-size:16px}}
.vase-crop{mask-image:linear-gradient(to right,transparent,#000 12%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 91%,transparent);mask-composite:intersect}
.vase-crop{aspect-ratio:550/720}.vase-crop img{width:263.273%;left:-145.455%}

.approved-brand{display:block;position:relative;overflow:hidden;width:220px;height:55px;flex:0 0 220px}.approved-brand img{position:absolute;width:1014px;max-width:none;left:-86px;top:-82px;height:auto}@media(max-width:650px){.approved-brand{transform:scale(.85);transform-origin:left center;width:190px;flex-basis:190px;margin-right:-30px}}

.mission-photo{margin:0 0 32px}.mission-photo img{display:block;width:100%;max-width:440px;height:auto;margin:0 auto;border-radius:16px}

.story-photo{margin:0 0 32px}.story-photo img{display:block;width:100%;height:auto;border-radius:16px}

.mission-layout{max-width:1180px}.mission-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px;align-items:center}.mission-columns .mission-photo{margin:0}.mission-columns .mission-photo img{max-width:none}.mission-copy p:last-child{margin-bottom:0}@media(max-width:700px){.mission-columns{grid-template-columns:1fr;gap:28px}.mission-columns .mission-photo img{max-width:440px}}

.moments-photo{margin:0 0 32px}.moments-photo img{display:block;width:100%;max-width:420px;height:auto;margin:auto;border-radius:16px}

.mission-heading{width:100%;max-width:720px;margin:0 auto}

.moments-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center}.moments-columns .moments-photo{margin:0}.moments-copy p:last-child{margin-bottom:0;font-weight:400}@media(max-width:700px){.moments-columns{grid-template-columns:1fr;gap:24px}}

/* Preserve the entire approved wordmark, including its heart, at every header width. */
.approved-brand{width:220px;height:auto;aspect-ratio:305/75;flex:0 1 220px;min-width:0;transform:none;margin-right:0;background-image:url('/assets/homepage-stems-v4.png');background-repeat:no-repeat;background-size:474.754% auto;background-position:10.324% 11.375%}
.approved-brand img{display:none}
@media(max-width:1000px){header{gap:12px;align-items:center}.mobile-nav{flex:0 0 auto}.mobile-nav summary{cursor:pointer;white-space:nowrap}}
@media(max-width:650px){header{padding:20px;gap:12px}.approved-brand{width:190px;max-width:calc(100% - 70px);height:auto;flex:0 1 190px;transform:none;margin-right:0}.mobile-nav summary{font-size:16px}}

footer .footer-motto{flex-basis:100%;margin:8px 0 0;text-align:center;font:italic 21px/1.4 Georgia,serif;letter-spacing:.03em}

/* Let the cream page show through the pale wordmark image backgrounds. */
.approved-brand{mix-blend-mode:darken}
