/* Arilia 1.28: scoped researched story. */
.arilia-story-page .arilia-editorial{padding:0}
.arilia-story-page .arilia-editorial>.wp-block-post-title{display:none}
.arilia-story-page .arilia-editorial>.wp-block-post-content{max-width:none!important;margin:0!important}
.arilia-story-page .wonder-story{max-width:none!important;margin:0!important;--story-green:#153e35;--story-cream:#fcf8f0;--story-ruby:#74162c;--story-ink:#342d2a;color:var(--story-ink);background:var(--story-cream);font-family:Arial,Helvetica,sans-serif}
.wonder-story *{box-sizing:border-box}
.wonder-story :where(h1,h2,h3,p,figure){margin:0}
.wonder-story :where(h1,h2,h3){font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;line-height:1.08;text-transform:none;color:var(--story-green)}
.wonder-story h1{font-size:clamp(48px,5.3vw,82px)}
.wonder-story h2{font-size:clamp(34px,3.5vw,54px)}
.wonder-story h3{font-size:27px;letter-spacing:-.025em;line-height:1.2}
.wonder-story p{font-size:16px;line-height:1.85}
.wonder-story p+p{margin-top:18px}
.wonder-story a{color:inherit;text-underline-offset:4px}
.wonder-story a:focus-visible{outline:3px solid #b45425;outline-offset:5px}
.wonder-story .wonder-kicker{font:700 10px/1.6 Arial,sans-serif;letter-spacing:2px;color:var(--story-ruby);margin-bottom:24px}
.wonder-wrap{max-width:1280px;margin:0 auto;padding:90px 56px}
.wonder-hero{display:grid;grid-template-columns:1.1fr .9fr;max-width:1440px;margin:0 auto;gap:6%;padding:48px 6% 58px;align-items:center}
.wonder-hero-copy{padding:10px 0}
.wonder-hero h1 em{font-weight:400;color:var(--story-ruby)}
.wonder-hero .wonder-lead{font-size:18px;line-height:1.7;margin:28px 0 18px;max-width:46ch}
.wonder-hero-copy>p:not(.wonder-kicker){max-width:47ch}
.wonder-hero-art{position:relative;margin:0!important;border-radius:45% 45% 4px 4px;overflow:hidden;background:#eee0ce}
.wonder-hero-art img{width:100%;height:auto;max-height:580px;object-fit:contain;display:block}
.wonder-hero-art figcaption{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:13px 8px;background:#fcf8f0ed;font:11px/1.5 Arial,sans-serif;letter-spacing:.7px;color:var(--story-green)}
.wonder-story .wonder-button{display:inline-flex;align-items:center;justify-content:center;gap:26px;background:var(--story-green);border:1px solid var(--story-green);color:#fffaf1;padding:15px 24px;min-height:48px;text-decoration:none;font-size:13px;font-weight:700;border-radius:2px;margin-top:28px;max-width:100%}
.wonder-button:hover{background:#265a4d}
.wonder-chapters{display:flex;justify-content:center;gap:5%;padding:22px 6%;border-block:1px solid #d9d5c9;flex-wrap:wrap;background:#f3efe5}
.wonder-chapters a{padding:6px 0;font-size:11px;text-decoration:none;letter-spacing:.7px;color:var(--story-green)}
.wonder-chapters a:hover{text-decoration:underline}
.wonder-split{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}
.wonder-split>div{max-width:52ch}
.wonder-story .wonder-definition{display:flex;align-items:baseline;gap:18px;margin-bottom:13px}
.wonder-definition span{font:italic 52px/1.1 Georgia,serif;color:var(--story-ruby)}
.wonder-definition i{font:12px Arial,sans-serif;letter-spacing:1px;color:#685b54}
.wonder-story .wonder-ref{font-size:12px;font-weight:700;white-space:nowrap;color:inherit;padding:5px 2px}
.wonder-history{background:var(--story-green);color:#f8f3e8}
.wonder-history :where(h2,h3){color:#fff7e6}
.wonder-history .wonder-kicker{color:#ecd3ab}
.wonder-history-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:12%;align-items:end}
.wonder-history-heading>p{color:#e0e6da}
.wonder-history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:58px}
.wonder-history-grid>section{border-top:1px solid #6c877b;padding-top:24px}
.wonder-number{display:block;font:italic 46px/1 Georgia,serif;color:#e0bd87;margin-bottom:22px}
.wonder-history-grid .wonder-kicker{margin-bottom:12px;font-size:9px;letter-spacing:1.8px}
.wonder-history-grid h3{margin-bottom:18px}
.wonder-history-grid p:not(.wonder-kicker){font-size:14px;color:#e2e8df}
.wonder-research{border-block:1px solid #6c877b;margin-top:54px;padding:27px 0;display:grid;grid-template-columns:180px 1fr;gap:30px;align-items:center}
.wonder-research>div>span{font:52px/1 Georgia,serif;color:#e0bd87}
.wonder-research>div>p{font:9px/1.7 Arial,sans-serif;letter-spacing:1.3px;margin-top:12px}
.wonder-research>p{font-size:14px;max-width:70ch;color:#e2e8df}
.wonder-story .wonder-history-note{font-size:12px;line-height:1.8;margin-top:22px;color:#d2ddce;max-width:85ch}
.wonder-expression{padding-block:95px}
.wonder-story .wonder-signature{font:italic 27px/1.4 Georgia,serif;color:var(--story-ruby);margin-top:25px}
.wonder-flavours{background:#eee9df;text-align:center}
.wonder-flavours .wonder-wrap{max-width:1480px;padding-inline:4%}
.wonder-story .wonder-collection-intro{margin:20px auto 38px}
.wonder-flavour-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;align-items:start}
.wonder-flavour{min-width:0;text-decoration:none;display:block}
.wonder-flavour-image{overflow:hidden;background:var(--flavour-tone);border-radius:48% 48% 3px 3px}
.wonder-flavour img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;display:block;transition:transform .25s ease}
.wonder-flavour:hover img{transform:scale(1.035)}
.wonder-flavour-copy{padding:17px 3px 0}
.wonder-flavour-copy p{font:8px/1.5 Arial,sans-serif;letter-spacing:1px;color:#66564b;margin-bottom:8px}
.wonder-flavour-copy h3{font-size:19px;letter-spacing:-.02em;min-height:3.6em}
.wonder-flavour-copy>span{font-size:10px;line-height:1.6;display:block;color:#65574e;margin-top:8px}
.wonder-sources{max-width:980px;padding-block:65px}
.wonder-sources h2{font-size:34px}
.wonder-sources>p:not(.wonder-kicker){font-size:13px;margin-top:20px;max-width:76ch}
.wonder-sources ol{padding-left:23px;margin:30px 0 0}
.wonder-sources li{padding:15px 0 15px 9px;border-top:1px solid #d9d5c9;font-size:13px;line-height:1.65;scroll-margin-top:30px}
.wonder-sources li>span{display:block;font-size:12px;color:#685b54;margin-top:6px}
.wonder-story .wonder-review-date{font-size:11px;color:#685b54}
.wonder-story section[id]{scroll-margin-top:24px}
@media(min-width:1500px){.wonder-hero-art img{max-height:650px}}
@media(max-width:1000px){.wonder-wrap{padding:66px 6%}.wonder-hero{gap:5%;padding-block:40px}.wonder-history-grid{gap:25px}.wonder-flavour-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 16px}.wonder-flavour-copy h3{min-height:2.5em}.wonder-chapters{gap:3%}.wonder-history-heading{gap:6%}.wonder-split{gap:6%}}
@media(max-width:650px){.wonder-hero{grid-template-columns:1fr;padding:38px 7% 30px;gap:34px}.wonder-story h1{font-size:47px;letter-spacing:-.05em}.wonder-story h2{font-size:35px}.wonder-hero .wonder-lead{font-size:17px;margin-top:23px}.wonder-story p{font-size:15px}.wonder-hero-art{max-width:340px;width:100%;justify-self:center}.wonder-hero-art img{max-height:440px}.wonder-chapters{justify-content:flex-start;padding:14px 7%;gap:2px 8%;display:grid;grid-template-columns:1fr 1fr}.wonder-chapters a{font-size:10px;padding-block:9px}.wonder-wrap{padding:52px 7%}.wonder-split,.wonder-history-heading{grid-template-columns:1fr;gap:27px}.wonder-history-grid{grid-template-columns:1fr;margin-top:34px;gap:32px}.wonder-history-grid>section{position:relative;padding-left:52px}.wonder-number{position:absolute;left:0;top:25px;font-size:34px}.wonder-research{grid-template-columns:1fr;gap:20px;margin-top:32px}.wonder-research>div{display:flex;align-items:center;gap:20px}.wonder-research>div>p{margin-top:0}.wonder-expression{padding-block:55px}.wonder-flavour-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}.wonder-flavours .wonder-wrap{padding-inline:7%}.wonder-flavour:nth-child(4){grid-column:1/-1;max-width:230px;justify-self:center;width:100%}.wonder-flavour-copy h3{min-height:0;font-size:21px}.wonder-flavour-copy>span{font-size:11px}.wonder-flavour-copy p{font-size:9px}.wonder-story .wonder-kicker{font-size:9px}.wonder-story .wonder-button{padding:14px 20px;gap:22px}.wonder-sources h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.wonder-story *{scroll-behavior:auto!important;transition:none!important}.wonder-flavour:hover img{transform:none}}
/* 1.29: an ingredient-led Farm to Bottle chapter. */
.wonder-farm{background:#eae5d7;border-bottom:1px solid #d4ccbb}
.wonder-farm-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding-block:80px}
.wonder-farm-art{margin:0!important;background:#f6f0dc;box-shadow:0 24px 55px -30px #34423055;border-radius:4px;overflow:hidden}
.wonder-farm-art img{width:100%;height:auto;display:block}
.wonder-farm-art figcaption{padding:13px 15px;font:11px/1.6 Arial,sans-serif;color:#5a5549;text-align:center}
.wonder-farm-copy{min-width:0}
.wonder-farm-copy h2{font-size:clamp(38px,4.1vw,63px);margin-bottom:25px}
.wonder-farm-copy h2 em{font-weight:400;color:var(--story-ruby)}
.wonder-story .wonder-farm-intro{font:italic 23px/1.5 Georgia,serif;color:var(--story-green);margin-bottom:24px}
.wonder-ingredient-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #b9b9a4;margin-top:30px;padding:22px 0;gap:14px}
.wonder-ingredient-notes>div{display:flex;flex-direction:column;gap:9px}
.wonder-ingredient-name{font:25px/1.2 Georgia,serif;color:var(--story-ruby)}
.wonder-ingredient-notes>div>span:last-child{font:11px/1.6 Arial,sans-serif;color:#4a5242}
.wonder-story .wonder-farm-signoff{font:italic 26px/1.4 Georgia,serif;color:var(--story-green);margin-top:27px}
@media(max-width:1000px){.wonder-farm-layout{gap:5%;padding-block:60px}.wonder-farm-copy h2{font-size:42px}.wonder-farm-copy p{font-size:14px}.wonder-ingredient-notes{gap:8px}.wonder-ingredient-name{font-size:23px}}
@media(max-width:650px){.wonder-farm-layout{grid-template-columns:1fr;gap:36px;padding-block:48px}.wonder-farm-art{max-width:400px;width:100%;justify-self:center}.wonder-farm-copy h2{font-size:44px}.wonder-story .wonder-farm-intro{font-size:22px}.wonder-farm-copy p{font-size:15px}.wonder-ingredient-notes{gap:14px}.wonder-ingredient-notes>div>span:last-child{font-size:10px}}
/* 1.30 motion and new campaign art. */
.wonder-story{position:relative;isolation:isolate}
.wonder-hero{position:relative;min-height:640px;max-width:none;display:block;padding:90px 7%;overflow:hidden}
.wonder-hero-copy{position:relative;z-index:2;width:43%;max-width:620px}
.wonder-hero h1{font-size:clamp(43px,4.7vw,72px)}
.wonder-hero-art{position:absolute;inset:0;border-radius:0;z-index:0;background:#fcf8f0}
.wonder-hero-art img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center}
.wonder-hero-art figcaption{display:none}
.wonder-motion-on .wonder-hero-art img{transform:translateY(var(--story-drift,0px)) scale(1.035)}
.wonder-motion-controls{position:absolute;top:12px;left:7%;z-index:5}
.wonder-motion-toggle{font:11px Arial,sans-serif;min-height:36px;padding:8px 13px;border:1px solid #b9baab;border-radius:20px;background:#fffaf2e8;color:#153e35;cursor:pointer}
.wonder-scroll-aril,.wonder-final-aril{width:13px;height:17px;background:radial-gradient(ellipse at 30% 25%,#e9989c 0,#ab1531 45%,#70162a 100%);border-radius:65% 45% 60% 45%;box-shadow:0 2px 5px #49122733;pointer-events:none}
.wonder-scroll-aril{position:fixed;right:12px;top:65px;z-index:8;transition:opacity .25s}
.wonder-at-end .wonder-scroll-aril{opacity:0!important}
.wonder-botanical{max-width:850px;margin:40px auto 0!important;overflow:hidden;border-radius:3px}
.wonder-botanical img,.wonder-wide-art img{width:100%;height:auto;display:block}
.wonder-botanical figcaption{font:11px/1.6 Arial,sans-serif;padding-top:12px;color:#e2e8df}
.wonder-wide-art{margin:35px 0 0!important;overflow:hidden;border-radius:3px}
.wonder-design>p:not(.wonder-kicker){max-width:60ch;margin-top:22px}
.wonder-moments{background:#eae5d7;text-align:center}
.wonder-moments>.wonder-wide-art{margin:0!important;border-radius:0}
.wonder-moments>.wonder-wrap{padding-block:55px}
.wonder-moments h2{margin-bottom:23px}
.wonder-finish{display:flex;align-items:center;justify-content:center;gap:18px;padding:0 7% 45px}
.wonder-finish>img{width:160px;height:auto}
.wonder-final-aril{display:block;opacity:0}
.wonder-at-end .wonder-final-aril{opacity:1;transition:opacity .4s}
@media(max-width:1000px){.wonder-hero{min-height:570px;padding-top:75px}.wonder-hero-copy{width:47%}.wonder-hero h1{font-size:44px}}
@media(max-width:650px){.wonder-hero{padding:68px 7% 0;min-height:0}.wonder-hero-copy{width:100%;max-width:none}.wonder-hero h1{font-size:47px}.wonder-hero-art{position:relative;inset:auto;margin:30px -8.15% 0!important;width:116.3%;max-width:none}.wonder-hero-art img{height:auto;aspect-ratio:1672/940;object-fit:contain}.wonder-motion-on .wonder-hero-art img{transform:none}.wonder-scroll-aril{right:5px;width:9px;height:12px}.wonder-botanical{margin-top:28px!important}.wonder-moments>.wonder-wrap{padding-block:42px}}
@media(prefers-reduced-motion:reduce){.wonder-motion-on .wonder-hero-art img{transform:none}.wonder-scroll-aril{display:none}.wonder-final-aril{opacity:1}.wonder-story *{transition:none!important}}
@media(min-width:651px){.wonder-hero:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#fcf8f0e8 0%,#fcf8f0c9 35%,#fcf8f000 62%)}}

/* 1.34: preserve the complete hero artwork at every viewport ratio. */
.wonder-hero-art img{object-fit:contain;object-position:right center}
.wonder-motion-on .wonder-hero-art img{transform:none}

@media(min-width:651px) and (max-width:1000px){.wonder-hero{padding:68px 7% 0;min-height:0}.wonder-hero-copy{width:100%;max-width:none}.wonder-hero-art{position:relative;inset:auto;margin:30px -8.15% 0!important;width:116.3%;max-width:none}.wonder-hero-art img{height:auto;max-height:none;aspect-ratio:1672/940}.wonder-hero:before{display:none}}