@font-face{font-family:Overpass;src:url('assets/overpass.ttf') format('truetype');font-weight:100 900;font-display:swap} :root{--ivory:#f7f3e8;--slate:#304e5b;--ink:#1d3038;--sage:#a8b6a1;--pollen:#d9b65e;--line:rgba(29,48,56,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Overpass,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a,button,input,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--pollen);outline-offset:6px}::selection{background:var(--pollen);color:var(--ink)}.wrap{width:min(1320px,90%);margin:auto}.header{height:124px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{width:100px;display:flex;flex-direction:column;align-items:center;gap:9px}.brand img{width:100%;height:auto}.brand span{font-size:11px;letter-spacing:.36em;padding-left:.36em}nav{display:flex;align-items:center;gap:38px;font-size:14px}nav a{transition:color .2s}nav a:hover{color:#796127}.nav-contact{border-bottom:1px solid var(--ink);padding:12px 0}.nav-contact span{margin-left:20px}.hero{position:relative;min-height:740px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;padding:56px 0 94px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.16em;line-height:1.7;margin:0 0 30px}.dot{display:inline-block;width:7px;height:7px;background:var(--sage);border-radius:50%;margin-right:9px}h1{font-size:clamp(48px,5.8vw,84px);line-height:1.06;font-weight:400;letter-spacing:-.055em;margin:0 0 33px}.moment{position:relative;white-space:nowrap}.moment svg{position:absolute;left:0;bottom:-9px;width:100%;height:24px;fill:none;stroke:var(--pollen);stroke-width:4;stroke-linecap:round;z-index:-1}.hero-copy{position:relative;z-index:2}.intro{font-size:19px;line-height:1.6;margin:0 0 30px;font-weight:300}.button{display:inline-flex;gap:38px;align-items:center;justify-content:space-between;background:var(--slate);color:var(--ivory);padding:19px 24px;font-size:14px;border:1px solid transparent;border-radius:2px;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:var(--ink);transform:translateY(-2px)}.button span{font-size:22px;line-height:1}.hero-note{display:flex;gap:13px;align-items:center;margin-top:36px}.hero-note p{font-size:12px;line-height:1.6;margin:0}.small-line{width:30px;height:1px;background:var(--ink)}.product-scene{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;flex-direction:column;isolation:isolate}.product-scene:before{content:'';position:absolute;width:95%;aspect-ratio:1;border:1px solid #d3d3bd;border-radius:50%;z-index:-1;top:12%}.product-image{width:88%;transform:rotate(-5deg);mix-blend-mode:multiply;will-change:transform}.product-image img{width:100%;height:auto;display:block}.circle-word{position:absolute;top:10%;right:2%;font-size:10px;letter-spacing:.22em;transform:rotate(13deg)}.product-caption{position:absolute;bottom:1%;right:11%;font-size:11px;letter-spacing:.09em}.bee{position:absolute;width:70px;height:auto;left:0;top:18%;transform:rotate(-20deg)}.scroll-cue{position:absolute;bottom:23px;left:0;display:flex;gap:15px;align-items:center;font-size:9px;letter-spacing:.18em}.scroll-cue span{font-size:25px}.facts{border-block:1px solid var(--line)}.facts .wrap{display:flex;align-items:center;justify-content:space-between;min-height:77px;font-size:12px;letter-spacing:.03em}.facts i{font-style:normal;font-size:24px;color:var(--slate)}.contact{background:var(--slate);color:var(--ivory);padding:90px 0 78px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact .eyebrow{color:#dfc780}.contact-copy>p{margin-bottom:25px}.email-link{display:inline-flex;gap:35px;font-size:17px;border-bottom:1px solid #8b9da2;padding-bottom:9px;margin-top:4px}.signature{font-size:13px;margin-top:40px;line-height:1.8}.signature span{font-size:34px;font-weight:300;letter-spacing:-.05em}.contact-form{padding-top:4px;position:relative}.field{margin-bottom:23px}.field label{display:block;font-size:13px;margin-bottom:9px}.field label span{font-size:11px;color:#d5dcd7}.field input,.field textarea{width:100%;border:0;border-bottom:1px solid #9baba9;background:transparent;color:var(--ivory);padding:9px 0 12px;border-radius:0;resize:vertical;outline:none;font-size:17px}.field input:focus,.field textarea:focus{border-color:var(--pollen);box-shadow:0 1px var(--pollen)}.field input::placeholder,.field textarea::placeholder{color:#becbc9;font-weight:300;opacity:1}.form-privacy{font-size:11px;line-height:1.7;color:#d5dcd7;max-width:420px;margin:0 0 22px}.form-privacy a{text-decoration:underline;text-underline-offset:3px}.button-light{background:var(--ivory);color:var(--ink);width:100%}.button-light:hover{background:var(--pollen);color:var(--ink)}.button:disabled{cursor:wait;opacity:.7;transform:none}.form-status{font-size:13px;line-height:1.6;margin:16px 0 0}.form-status:empty{display:none}.honey-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.footer{display:flex;align-items:center;justify-content:space-between;padding:36px 0;gap:25px}.footer .brand{width:72px;gap:6px}.footer .brand span{font-size:8px}.footer>p{font-size:12px;font-weight:300}.footer>div{display:flex;gap:24px;font-size:11px}.footer a:hover{text-decoration:underline}.legal{border-top:1px solid var(--line);padding-bottom:22px}.legal details{border-bottom:1px solid var(--line);font-size:12px}.legal summary{padding:13px 0;cursor:pointer;width:100%}.legal details:not([open]){display:none}.legal details:target{display:block}.legal-body{max-width:760px;padding:15px 0 35px;font-size:14px;line-height:1.8}.legal-body h2{font-size:32px;font-weight:400}.legal-body h3{font-size:17px;margin-top:25px}.legal-body a{text-decoration:underline}.skip{position:fixed;top:10px;left:10px;transform:translateY(-200%);background:var(--ink);color:white;padding:12px;z-index:100}.skip:focus{transform:none}.reveal{opacity:1}.motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s,transform .8s}.motion .reveal.visible{opacity:1;transform:none}.hero-copy{animation:appear .9s both}.product-scene{animation:appear 1.2s .12s both}@keyframes appear{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@media(min-width:1600px){.hero{min-height:810px}.product-image{max-width:480px}}@media(max-width:1000px){.header{height:104px}.hero{min-height:650px;grid-template-columns:1.15fr 1fr}.hero h1{font-size:61px}.product-image{width:107%}.hero .eyebrow{font-size:9px}.moments{gap:45px;padding-block:80px}.contact-grid{gap:55px}.moment-note{padding-left:0}.circle-word{right:-6%;top:15%}.product-scene:before{top:20%}.bee{top:25%;left:-10%}.product-caption{bottom:10%;right:0}}@media(max-width:700px){.wrap{width:88%}.header{height:91px}.header .brand{width:75px}.brand span{font-size:8px}nav{gap:20px;font-size:12px}nav>a:not(.nav-contact){display:none}.nav-contact span{margin-left:12px}.hero{padding:42px 0 60px;display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:23px}.hero h1{font-size:clamp(44px,10.7vw,70px);margin-bottom:27px}.intro{font-size:17px;margin-bottom:24px}.hero-note{display:none}.hero .button{font-size:13px;padding:16px 20px}.product-scene{height:430px;width:min(100%,390px);align-self:center;margin-top:10px}.product-image{width:75%}.product-scene:before{top:11%;width:90%}.circle-word{top:9%;right:2%;font-size:8px}.bee{top:25%;left:1%;width:50px}.product-caption{bottom:0;right:10%;font-size:10px}.scroll-cue{bottom:15px;font-size:8px}.facts .wrap{min-height:65px;gap:12px;font-size:10px;line-height:1.4}.facts i{font-size:15px}.facts span:last-child{max-width:92px}.moments{padding:60px 0;display:flex;flex-direction:column;gap:32px;align-items:stretch}.section-heading .eyebrow{font-size:9px;margin-bottom:23px}.section-heading h2{font-size:44px}.section-heading>p:last-child{font-size:15px}.breakfast{padding:0}.breakfast img{aspect-ratio:1.25}.garden{width:80%}.garden img{aspect-ratio:1.2}.moment-note{padding:0 0 0 12%;gap:25px;align-self:auto}.moment-note p{font-size:26px;margin:0}.moment-note>span{font-size:61px}.contact{padding:57px 0}.contact-grid{grid-template-columns:1fr;gap:35px}.contact h2{font-size:45px}.contact-copy>p:not(.eyebrow):not(.signature){font-size:14px}.signature{display:none}.contact .eyebrow{font-size:9px}.email-link{font-size:16px}.footer{flex-wrap:wrap;padding:30px 0 20px}.footer>p{font-size:10px}.footer>div{width:100%;justify-content:flex-end}.form-privacy{font-size:11px}.moment svg{bottom:-7px}.legal-body{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;transform:none!important}.motion .reveal{opacity:1}}

/* Browser-side silhouette keeps the approved packshot and label unchanged. */
.asset-definitions{position:absolute;pointer-events:none}.product-image{mix-blend-mode:normal;filter:drop-shadow(15px 24px 14px rgba(47,42,25,.2))}.product-image img{clip-path:url(#jar-silhouette)}

.circle-word{top:3%;right:7%;transform:rotate(8deg)}
@media(max-width:700px){.circle-word{top:5%;right:5%;font-size:8px}}
@media(max-width:360px){.hero h1{font-size:38px}.hero .eyebrow{font-size:7px}.product-scene{height:380px}.facts .wrap{font-size:9px}.section-heading h2,.contact h2{font-size:39px}.email-link{font-size:14px}}

/* V2: a small, tactile response on the intact approved product image. */
.product-image{--jar-x:0deg;--jar-y:-5deg;transform:perspective(1000px) rotateX(var(--jar-x)) rotateY(var(--jar-y)) rotate(-5deg);transition:transform .65s cubic-bezier(.2,.75,.2,1),filter .65s;transform-origin:55% 65%}
@media(hover:hover) and (pointer:fine){.product-image.is-hovered{transform:perspective(1000px) translateY(-14px) rotateX(var(--jar-x)) rotateY(var(--jar-y)) rotate(1deg) scale(1.025);filter:drop-shadow(20px 35px 20px rgba(47,42,25,.24))}}
.moments-intro{padding-block:80px;display:flex;align-items:end;justify-content:space-between;gap:35px;scroll-margin-top:20px}.moments-intro .eyebrow{margin-bottom:22px}.moments-intro h2{font-size:clamp(36px,4vw,58px);line-height:1.12;font-weight:400;letter-spacing:-.045em;margin:0}.moments-intro>p{font-size:16px;line-height:1.8;font-weight:300;margin:0 0 4px}
.day-story{background:var(--ink);position:relative;color:var(--ivory);isolation:isolate}.story-slide{position:relative;height:100svh;min-height:620px;overflow:hidden;margin:0}.story-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,21,24,.42),transparent 28%,rgba(10,21,24,.08) 43%,rgba(10,21,24,.8)),linear-gradient(90deg,rgba(10,21,24,.28),transparent 70%);pointer-events:none}.story-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% 50%;border-radius:0}.story-slide figcaption{position:absolute;z-index:1;left:5%;bottom:125px;max-width:650px}.story-slide .eyebrow{font-size:11px;letter-spacing:.18em;margin-bottom:22px;color:#f3dea6}.story-slide h3{font-size:clamp(54px,6.7vw,100px);font-weight:300;line-height:1.01;letter-spacing:-.055em;margin:0 0 25px;text-shadow:0 2px 24px rgba(0,0,0,.12)}.story-slide figcaption>p:last-child{font-size:18px;font-weight:300;line-height:1.6;margin:0}.story-top,.story-bottom{display:none}.gallery-ready .story-slides{position:relative;height:100svh;min-height:620px}.gallery-ready .story-slide{position:absolute;inset:0;height:100%;opacity:0;visibility:hidden;transition:opacity .85s ease,visibility .85s;pointer-events:none}.gallery-ready .story-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}.gallery-ready .story-slide>img{transform:scale(1.035);transition:transform 1.4s ease}.gallery-ready .story-slide.is-active>img{transform:scale(1)}.gallery-ready .story-slide figcaption{opacity:0;transform:translateY(18px);transition:opacity .6s .12s,transform .75s .12s}.gallery-ready .story-slide.is-active figcaption{opacity:1;transform:translateY(0)}.gallery-ready .story-top,.gallery-ready .story-bottom{position:absolute;left:5%;right:5%;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:25px}.story-top{top:35px}.story-top>span{font-size:10px;letter-spacing:.25em}.story-chapters{display:flex;gap:30px}.story-chapters button{appearance:none;background:none;border:0;border-bottom:1px solid transparent;color:var(--ivory);cursor:pointer;padding:12px 0;font-size:13px;opacity:.7;transition:opacity .25s,border-color .25s}.story-chapters button span{font-size:9px;margin-right:7px}.story-chapters button[aria-pressed=true],.story-chapters button:hover{opacity:1;border-color:var(--pollen)}.story-bottom{bottom:32px}.story-counter{font-size:10px;letter-spacing:.15em}.story-arrows{display:flex;gap:12px}.story-arrows button{display:grid;place-items:center;border:1px solid rgba(247,243,232,.7);width:50px;height:50px;border-radius:50%;color:var(--ivory);font-size:23px;background:rgba(29,48,56,.2);cursor:pointer;transition:background .25s,color .25s}.story-arrows button:hover{background:var(--ivory);color:var(--ink)}
@media(max-width:700px){.moments-intro{padding-block:52px;display:block}.moments-intro h2{font-size:38px}.moments-intro>p{margin:25px 0 0;font-size:14px}.story-slide,.gallery-ready .story-slides{height:100svh;min-height:560px}.story-slide>img{object-position:56% 50%}.story-slide[data-scene="1"]>img{object-position:55% 50%}.story-slide[data-scene="2"]>img{object-position:57% 50%}.story-slide figcaption{left:6%;right:6%;bottom:116px}.story-slide h3{font-size:clamp(46px,12vw,68px);margin-bottom:20px}.story-slide .eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:18px}.story-slide figcaption>p:last-child{font-size:15px}.gallery-ready .story-top,.gallery-ready .story-bottom{left:6%;right:6%}.story-top{top:22px;flex-wrap:wrap;gap:8px!important}.story-top>span{font-size:8px}.story-chapters{width:100%;justify-content:space-between;gap:15px}.story-chapters button{font-size:12px}.story-bottom{bottom:25px}.story-arrows button{width:43px;height:43px}.story-counter{font-size:8px}}
@media(prefers-reduced-motion:reduce){.product-image{transform:rotate(-5deg)!important}.gallery-ready .story-slide figcaption{transform:none}.gallery-ready .story-slide>img{transform:none}}
.contact h2{font-size:clamp(40px,4vw,60px);font-weight:400;line-height:1.07;letter-spacing:-.045em;margin:0 0 28px}.contact-copy>p:not(.eyebrow):not(.signature){font-size:16px;line-height:1.75;font-weight:300}@media(max-width:700px){.contact h2{font-size:45px}.contact-copy>p:not(.eyebrow):not(.signature){font-size:14px}}@media(max-width:360px){.contact h2{font-size:39px}}

.day-story{scroll-margin-top:-28px}
