.blog-landing{color:#173d55;background:#fffdf9}.blog-landing .site-container{width:min(1200px,100% - 48px);margin-inline:auto}.blog-breadcrumb-bar{border-bottom:1px solid #dedbd2}.blog-landing .site-breadcrumb{background:0 0;border-bottom:0;padding:14px 0}.blog-hero{isolation:isolate;background:#efece4 url(/uploads/site/From%20Freshwater%20to%20South%20Sea/OurStory.webp) 50%/cover no-repeat;border-bottom:1px solid #dedbd2;align-items:center;min-height:clamp(570px,50vw,880px);padding:88px 0 96px;display:flex;position:relative;overflow:hidden}.blog-hero:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#faf8f3fe 0%,#faf8f3fb 20%,#faf8f3f5 32%,#faf8f3e0 43%,#faf8f3a8 54%,#faf8f352 65%,#faf8f314 75%,#faf8f300 82%);position:absolute;inset:0}.blog-hero>.site-container{z-index:1;width:min(1200px,100% - 48px);margin-inline:auto;position:relative}.blog-landing .site-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#76674c;margin:0 0 15px;font-size:11px;font-weight:600}.blog-hero h1{max-width:830px;margin:0 0 24px;font-family:Georgia,serif;font-size:clamp(36px,5vw,64px);font-weight:400;line-height:1.1}.blog-intro{color:#556269;max-width:670px;font-size:17px;line-height:1.8}.blog-hero-links{flex-wrap:wrap;gap:28px;margin-top:30px;display:flex}.blog-hero-links a{border-bottom:1px solid #8e948b;padding-bottom:8px;font-size:14px}.blog-hero-links span{margin-left:16px}.blog-section{padding-block:64px}.blog-section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;display:flex}.blog-landing h2{margin:0;font-family:Georgia,serif;font-size:clamp(28px,3vw,38px);font-weight:400;line-height:1.2}.blog-section-heading>p{color:#627078;max-width:290px;line-height:1.6}.blog-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.blog-category-card{background:#fff;border:1px solid #dedbd2;flex-direction:column;min-height:265px;padding:26px;transition:background .2s,border-color .2s;display:flex}.blog-card-top{color:#68757a;justify-content:space-between;margin-bottom:25px;font-size:12px;display:flex}.blog-landing h3{margin:0 0 13px;font-family:Georgia,serif;font-size:24px;font-weight:400;line-height:1.25}.blog-category-card p,.blog-pillar-card p{color:#59686e;margin:0 0 22px;font-size:14px;line-height:1.75}.blog-card-link{justify-content:space-between;margin-top:auto;font-size:12px;font-weight:600;display:flex}.blog-academy-card{color:#fffdf9;background:#173d55;grid-column:1/-1;min-height:auto}.blog-academy-card p,.blog-academy-card .blog-card-top{color:#d6e0e2}.blog-academy-card p{max-width:680px}.blog-academy-card .blog-card-link{max-width:200px}.blog-category-card:hover{background:#f3f0e9;border-color:#9a8864}.blog-academy-card:hover{background:#244c63}.blog-pillars{background:#f4f2ec}.blog-pillar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;display:grid}.blog-pillar-card{border-top:1px solid #bdb5a4;flex-direction:column;padding-top:20px;display:flex}.blog-pillar-number{color:#9c8964;margin-bottom:20px;font-family:Georgia,serif;font-size:36px}.blog-pillar-card small{color:#637077;margin-bottom:12px;font-size:11px}.blog-pillar-card h3{font-size:23px}.blog-pillar-card p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-pillar-card:hover h3,.blog-archive-card:hover h3{text-underline-offset:4px;text-decoration:underline}.blog-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;display:grid}.blog-archive-card{border-bottom:1px solid #dedbd2;padding:24px 0}.blog-archive-card small{color:#76674c;margin-bottom:10px;font-size:11px;display:block}.blog-archive-card h3{font-size:21px}.blog-archive-card p{color:#59686e;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.65;display:-webkit-box;overflow:hidden}.blog-back{padding-bottom:48px}.blog-landing a:focus-visible{outline-offset:5px;outline:2px solid #173d55}.blog-landing section[id]{scroll-margin-top:110px}@media (max-width:1000px){.blog-hero{min-height:640px}}@media (max-width:900px){.blog-category-grid,.blog-archive-grid,.blog-pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.blog-landing .site-container{width:calc(100% - 36px)}.blog-hero{background-position:50%;align-items:flex-start;min-height:600px;padding:56px 0}.blog-hero:before{background:linear-gradient(#faf8f3fc 0%,#faf8f3f0 24%,#faf8f3b8 48%,#faf8f352 72%,#faf8f300 100%)}.blog-hero>.site-container{width:calc(100% - 36px)}.blog-section{padding-block:40px}.blog-section-heading{display:block}.blog-section-heading>p{margin-top:15px}.blog-category-grid,.blog-archive-grid,.blog-pillar-grid{grid-template-columns:1fr}.blog-category-card{min-height:230px}.blog-pillar-grid{gap:30px}.blog-hero-links{gap:20px}.blog-intro{font-size:16px}}.blog-pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.blog-pillar-card{background:#fff;border:1px solid #d8d4ca;grid-template-columns:108px minmax(0,1fr);gap:0;min-height:108px;padding:0;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;overflow:hidden}.blog-pillar-cover{background:#e9e5dc;align-self:stretch;min-width:0;min-height:0;display:block;position:relative;overflow:hidden}.blog-pillar-cover img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.blog-pillar-copy{flex-direction:column;justify-content:center;min-width:0;padding:14px 16px;display:flex}.blog-pillar-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:19px;display:-webkit-box;overflow:hidden}.blog-pillar-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.blog-pillar-card:hover,.blog-archive-card:hover{border-color:#a99a7d;text-decoration:none;transform:translateY(-1px);box-shadow:0 10px 24px #1b2c3812}.blog-pillar-card:hover h3,.blog-archive-card:hover h3{text-decoration:none}.blog-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.blog-archive-card{background:#fff;border:1px solid #dedbd2;grid-template-columns:108px minmax(0,1fr);min-height:108px;padding:0;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;overflow:hidden}.blog-archive-cover{aspect-ratio:1;background:#eeeae1;align-self:stretch;min-width:0;display:block;position:relative;overflow:hidden}.blog-archive-cover img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.blog-archive-copy{flex-direction:column;justify-content:center;min-width:0;padding:14px 16px;display:flex}.blog-archive-card small{margin:0 0 5px}.blog-archive-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:19px;display:-webkit-box;overflow:hidden}.blog-archive-card p{-webkit-line-clamp:2;margin:0;font-size:12px;line-height:1.55}@media (max-width:900px){.blog-pillar-grid,.blog-archive-grid{grid-template-columns:1fr}}@media (max-width:600px){.blog-archive-card{grid-template-columns:86px minmax(0,1fr);min-height:86px}.blog-archive-copy{padding:10px 12px}.blog-archive-card h3{margin-bottom:0;font-size:17px}.blog-archive-card p{display:none}.blog-pillar-card{grid-template-columns:86px minmax(0,1fr);min-height:86px}.blog-pillar-copy{padding:10px 12px}.blog-pillar-card h3{margin-bottom:0;font-size:17px}.blog-pillar-card p{display:none}}.blog-landing{margin-top:calc(-1 * var(--mj-shop-header-height,var(--mj-header-height,84px)))}.blog-landing .blog-hero{padding-top:calc(88px + var(--mj-shop-header-height,var(--mj-header-height,84px)))}@media (max-width:600px){.blog-landing .blog-hero{padding-top:calc(56px + var(--mj-shop-header-height,var(--mj-header-height,84px)));min-height:620px;padding-top:calc(24px + var(--mj-shop-header-height,var(--mj-header-height,84px)));background-position:58%;align-items:flex-end;padding-bottom:34px}.blog-landing .blog-hero:before{background:linear-gradient(#faf8f308 0%,#faf8f314 34%,#faf8f36b 55%,#faf8f3e0 73%,#faf8f3fa 100%)}.blog-landing .blog-hero>.site-container{align-self:flex-end}.blog-landing .blog-hero h1{max-width:360px;margin-bottom:18px;font-size:clamp(36px,10vw,44px)}.blog-landing .blog-intro{color:#46555d;max-width:350px;font-size:15px;line-height:1.72}}