.inner-page{background:var(--paper);color:var(--cacao)}
.inner-page main{padding-top:0}
.inner-page .site-header{position:fixed}
.inner-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:600px;padding:160px max(24px,calc((100vw - 1280px)/2)) 70px;background:#2c2118;color:#f8f1e6;--inner-image:url("../images/forest.jpg")}
.inner-hero--product,.inner-hero--why-coco-paste,.inner-hero--the-science{--inner-image:url("../images/cocopaste-product-original.png")}
.inner-hero--about-us,.inner-hero--contact{--inner-image:url("../images/impact-hero-family.png")}
.inner-hero--positive-impact,.inner-hero--blog,.inner-hero--article{--inner-image:url("../images/forest.jpg")}
.inner-hero:before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,rgba(38,27,18,.94) 0%,rgba(38,27,18,.83) 42%,rgba(38,27,18,.18) 100%)}
.inner-hero-copy{position:relative;z-index:2;width:min(58%,680px)}
.inner-hero-copy .eyebrow{margin-bottom:12px;color:#b4c58e}
.inner-hero-copy h1{margin:0 0 14px;max-width:680px;font-size:clamp(36px,4.4vw,60px);font-weight:600;line-height:1.08;letter-spacing:-.035em}
.inner-hero-copy>p:last-child{max-width:620px;margin:0;color:#f2e9dc;font-size:clamp(15px,1.3vw,18px);line-height:1.7}
.inner-hero-image{position:absolute;z-index:1;inset:0;background:var(--inner-image) 76% center/cover no-repeat;opacity:.52;mask-image:linear-gradient(90deg,transparent 30%,#000 72%)}
.inner-hero--about-us .inner-hero-image,.inner-hero--contact .inner-hero-image{background-position:76% 35%}
.inner-hero--product .inner-hero-image,.inner-hero--why-coco-paste .inner-hero-image,.inner-hero--the-science .inner-hero-image{background-size:contain;background-position:85% center;background-repeat:no-repeat;opacity:.72}
.breadcrumbs{min-height:46px;padding:8px max(24px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:center;gap:12px;background:#eee3d2;color:var(--cacao-soft);font-size:13px}
.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{color:var(--leaf)}.breadcrumbs>span[aria-hidden=true]{color:var(--peach)}
.editorial-content{max-width:1120px;margin:0 auto;padding:18px 28px 76px}
.editorial-section{padding:52px 0;border-bottom:1px solid var(--line)}
.editorial-section:nth-child(even){padding-left:clamp(0px,9vw,130px)}
.editorial-copy{max-width:820px}.editorial-copy .eyebrow{margin-bottom:8px}.editorial-copy h2{margin:0 0 13px;font-size:clamp(25px,3vw,38px);font-weight:600;line-height:1.18;letter-spacing:-.025em}.editorial-copy>p:last-child{margin:0;color:#574636;font-size:16px;line-height:1.8}
.research-note{max-width:820px;margin:28px auto 0;padding:18px 22px;border-left:3px solid var(--leaf);background:rgba(102,132,74,.09);font-size:13px;color:#574636}
.team-strip{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,4vw,58px);padding:42px 0 14px}.team-strip article{display:grid;grid-template-columns:150px 1fr;align-items:start;gap:22px;padding-top:18px;border-top:2px solid var(--leaf)}.team-strip article img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center 30%;border-radius:50%}.team-strip h3{margin:0;font-size:20px}.team-strip p{margin:9px 0 0;color:#574636;font-size:14px;line-height:1.75}.team-strip .team-role{margin-top:4px;color:var(--leaf);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.contact-form{max-width:820px;margin:44px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}.contact-form>div{display:flex;flex-direction:column;gap:7px}.contact-form .full{grid-column:1/-1}.contact-form label{font-size:13px;font-weight:700}.contact-form input,.contact-form textarea,.newsletter-form input{width:100%;font:inherit;color:var(--cacao);background:#fffdf8;border:1px solid rgba(65,42,24,.24);border-radius:4px;padding:12px 14px}.contact-form textarea{resize:vertical}.leaf-button,.newsletter-form button{display:inline-flex;align-items:center;justify-content:center;gap:13px;width:max-content;border:0;border-radius:3px;padding:13px 21px;background:var(--cta-leaf);color:#fff;text-decoration:none;font:700 13px Arial,Helvetica,sans-serif;cursor:pointer;transition:background .2s ease,transform .2s ease}.leaf-button:hover,.newsletter-form button:hover{background:var(--cta-leaf-hover);transform:translateY(-2px)}
.newsletter-form{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:17px}.newsletter-form input{min-width:220px;flex:1;background:rgba(255,255,255,.95);font-size:13px}.newsletter-form button{white-space:nowrap}.form-status{width:100%;min-height:1em;margin:0;font-size:12px;color:inherit}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.post-grid{max-width:1180px;margin:0 auto;padding:46px 28px 82px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.post-card{display:flex;flex-direction:column;align-items:flex-start;padding:0 0 28px;border-top:3px solid var(--leaf);background:#fffdf8;box-shadow:0 12px 28px rgba(50,27,13,.055);overflow:hidden}.post-card>.eyebrow,.post-card>h2,.post-card>p:not(.eyebrow),.post-card>.leaf-button{margin-left:28px;margin-right:28px}.post-image{display:block;width:100%;height:220px;overflow:hidden;margin-bottom:23px}.post-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.post-image:hover img{transform:scale(1.035)}
.post-card .eyebrow{margin-bottom:11px}.post-card h2{margin:0 0 12px;font-size:clamp(22px,2.3vw,30px);line-height:1.2;letter-spacing:-.02em}.post-card h2 a{text-decoration:none}.post-card h2 a:hover{color:var(--leaf)}.post-card>p:not(.eyebrow){margin:0 0 22px;color:#695a4c;font-size:15px;line-height:1.65}.post-card .leaf-button{margin-top:auto}
.article-content{max-width:1180px;margin:0 auto;padding:10px 28px 80px;display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,.85fr);gap:56px}.article-body .editorial-section{padding:35px 0}.article-body .editorial-section:nth-child(even){padding-left:0}.related-posts{align-self:start;position:sticky;top:90px;padding-top:35px}.related-posts h2{font-size:22px;margin:0 0 14px}.related-post{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid var(--line);text-decoration:none;font-size:14px;line-height:1.4}.related-post:hover{color:var(--leaf)}
.footer-newsletter{width:min(100%,460px)}.footer-newsletter .newsletter-form{justify-content:stretch}.footer-newsletter .form-status{color:#f8f1e6}

/* Source parity: product component table and the original preorder form. */
.source-data-table-wrap{width:100%;overflow-x:auto;margin:clamp(24px,4vw,48px) 0}
.source-data-table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.42);font-size:14px;line-height:1.55}
.source-data-table th,.source-data-table td{padding:12px 16px;border:1px solid rgba(65,42,24,.2);text-align:left;vertical-align:top}
.source-data-table th{background:var(--cacao);color:var(--paper);font-weight:700}
.source-data-table tr:nth-child(even){background:rgba(255,255,255,.58)}
.home-overview{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.88fr);align-items:center;gap:clamp(30px,6vw,96px);padding:clamp(60px,8vw,112px) max(24px,calc((100vw - var(--max))/2));background:#eee3d0;color:var(--cacao)}
.home-overview-copy{max-width:680px}.home-overview-copy .eyebrow{margin:0 0 16px;color:#778451;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.home-overview h2{max-width:620px;margin:0 0 20px;font-size:clamp(30px,4vw,56px);line-height:1.05;font-weight:600;letter-spacing:-.035em}
.home-overview p:not(.eyebrow){margin:0;font-size:clamp(16px,1.25vw,19px);line-height:1.75}
.home-overview>img{display:block;width:100%;height:clamp(280px,34vw,480px);object-fit:cover;object-position:center;border-radius:2px;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent 0%,#000 17%);}
.preorder-dialog{width:min(660px,calc(100vw - 28px));max-width:none;max-height:min(92vh,900px);padding:0;border:0;background:transparent;color:var(--cacao);overflow:visible}
.preorder-dialog::backdrop{background:rgba(49,25,6,.76);backdrop-filter:blur(2px)}
.preorder-dialog__panel{position:relative;max-height:min(92vh,900px);overflow:auto;padding:28px 24px 22px;background:#f3dec8;box-shadow:0 24px 90px rgba(27,13,3,.3)}
.preorder-dialog__panel>h2{margin:0 44px 20px 0;font-size:clamp(25px,4vw,42px);line-height:1.05;letter-spacing:.12em;text-align:center}
.preorder-close{display:inline-flex;align-items:center;justify-content:center;border:0;background:#4a2605;color:#f3dec8;min-width:46px;min-height:36px;padding:8px 16px;font:inherit;cursor:pointer}
.preorder-dialog__panel>.preorder-close{position:absolute;right:16px;top:16px;min-width:40px;min-height:40px;padding:0;background:transparent;color:#4a2605;font-size:34px;line-height:1}
.preorder-offers{display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:center;gap:8px;margin-bottom:16px}
.preorder-offers article{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:10px;padding:16px 12px 10px;background:#fffaf4;text-align:center}
.preorder-offers p{margin:0;font-size:12px;line-height:1.4}
.preorder-offers strong{color:#dfb477;font-size:clamp(38px,6vw,58px);line-height:1;font-weight:700}
.preorder-offers img{width:100%;height:145px;object-fit:contain;align-self:center}
.preorder-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}
.preorder-form>div:not(.preorder-form__actions){display:flex;flex-direction:column;gap:5px}
.preorder-form label,.preorder-form legend{font-size:12px;font-weight:600}
.preorder-form input:not([type=radio]),.preorder-form textarea{width:100%;min-width:0;padding:9px 12px;border:1px solid #4a2605;border-radius:0;background:#fffaf4;color:var(--cacao);font:inherit;font-size:13px}
.preorder-form input::placeholder,.preorder-form textarea::placeholder{color:#c4a37e}
.preorder-form fieldset{display:flex;flex-direction:column;gap:8px;margin:0;padding:4px 0;border:0}
.preorder-form fieldset label{display:flex;align-items:center;gap:8px;font-weight:400}
.preorder-form__actions{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;margin-top:4px}
.preorder-form__actions .leaf-button{min-width:115px;background:#4a2605;color:#fffaf4;border-radius:0}
.preorder-form .form-status{grid-column:1/-1;color:#713f12}
.preorder-dialog[open]{animation:preorder-enter .22s ease-out both}
/* Keep the source preorder CTA operable on hosts that block the page script. */
.preorder-trigger{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
dialog.preorder-dialog:target{display:grid;place-items:center;position:fixed;inset:0;z-index:10000;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:18px;background:rgba(49,25,6,.76);overflow:auto}
dialog.preorder-dialog:target .preorder-dialog__panel{width:min(660px,100%);max-height:calc(100vh - 36px);max-height:calc(100dvh - 36px)}
.preorder-close{color:#4a2605;text-decoration:none}
.contact-address{margin:24px 0 0;font-style:normal;line-height:1.8}
.contact-preorder-note{margin:22px 0 0}
.preorder-float{position:fixed;right:clamp(16px,3vw,40px);bottom:clamp(18px,3vh,34px);z-index:60;padding:13px 20px;background:var(--cta-leaf);color:#fff;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.12em;box-shadow:0 8px 24px rgba(37,20,7,.2);transition:transform .2s ease,background-color .2s ease}
.preorder-float:hover,.preorder-float:focus-visible{transform:translateY(-3px);background:var(--leaf)}
.article-share{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:34px 0 0;padding-top:18px;border-top:1px solid var(--line)}
.article-share a,.article-copy-link{padding:8px 10px;border:1px solid var(--line);background:transparent;color:var(--cacao);font:inherit;font-size:12px;text-decoration:none;cursor:pointer}
.article-share a:hover,.article-copy-link:hover{background:var(--cacao);color:var(--paper)}
.article-share .form-status{width:100%;min-height:1.4em;font-size:12px}
@keyframes preorder-enter{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:700px){.home-overview{grid-template-columns:1fr;gap:24px}.home-overview>img{height:260px;mask-image:linear-gradient(180deg,transparent 0%,#000 16%)}.preorder-dialog__panel{padding:58px 16px 18px}.preorder-offers{grid-template-columns:1fr 1fr;gap:7px}.preorder-offers img{grid-column:1/-1;grid-row:1;height:100px}.preorder-form{gap:11px 12px}}
@media(max-width:440px){.preorder-form{grid-template-columns:1fr}.preorder-form__actions,.preorder-form .form-status{grid-column:1}.preorder-offers article{padding:12px 8px 8px}.preorder-offers p{font-size:11px}}
@media(max-width:800px){.inner-page main{padding-top:0}.inner-hero{min-height:520px;padding:110px 24px 54px}.inner-hero-copy{width:min(88%,650px)}.inner-hero:before{background:linear-gradient(90deg,rgba(38,27,18,.93),rgba(38,27,18,.7) 70%,rgba(38,27,18,.38))}.inner-hero-image{opacity:.3;mask-image:none}.editorial-content{padding:8px 24px 56px}.editorial-section{padding:38px 0}.editorial-section:nth-child(even){padding-left:0}.post-grid{grid-template-columns:1fr;padding:30px 22px 56px}.article-content{grid-template-columns:1fr;gap:18px;padding:8px 22px 56px}.related-posts{position:static;padding-top:8px}.team-strip{gap:18px}}
@media(max-width:520px){.inner-hero{min-height:480px;padding:92px 24px 42px}.inner-hero-copy{width:100%}.inner-hero-copy h1{font-size:38px}.inner-hero-copy>p:last-child{font-size:15px}.breadcrumbs{justify-content:center;min-height:42px}.contact-form{grid-template-columns:1fr}.contact-form .full{grid-column:auto}.team-strip{grid-template-columns:1fr}.newsletter-form{justify-content:flex-start}.newsletter-form input{min-width:100%}.newsletter-form button{width:100%}}
@media(prefers-reduced-motion:reduce){.leaf-button,.newsletter-form button{transition:none}}
@media(max-width:520px){.team-strip article{grid-template-columns:76px 1fr;gap:16px}.team-strip article img{width:76px}.post-image{height:190px}}

/* Smaller product artwork in secondary-page banners. */
.inner-hero--product .inner-hero-image,.inner-hero--why-coco-paste .inner-hero-image,.inner-hero--the-science .inner-hero-image{background-size:auto 52%;background-position:92% center;opacity:.9;mask-image:linear-gradient(90deg,transparent 32%,rgba(0,0,0,.78) 57%,#000 100%)}
/* More visual rhythm on the long Product, Science, and Why pages, while retaining all approved copy. */
.inner-page--product .editorial-content,.inner-page--the-science .editorial-content,.inner-page--why-coco-paste .editorial-content{max-width:none;margin:0;padding:0 0 66px}
.inner-page--product .editorial-section,.inner-page--the-science .editorial-section,.inner-page--why-coco-paste .editorial-section{position:relative;isolation:isolate;width:min(1200px,calc(100% - 64px));margin:0 auto;padding:54px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(30px,5vw,76px);border:0}
.inner-page--product .editorial-section::before,.inner-page--the-science .editorial-section::before,.inner-page--why-coco-paste .editorial-section::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:#f7f2e8}
.inner-page--product .editorial-section--2::before,.inner-page--the-science .editorial-section--2::before,.inner-page--the-science .editorial-section--4::before,.inner-page--why-coco-paste .editorial-section--2::before{background:#321b0d}
.inner-page--product .editorial-section--3::before,.inner-page--the-science .editorial-section--3::before,.inner-page--the-science .editorial-section--5::before{background:#eee3d2}
.inner-page--the-science .editorial-section--6::before{background:#e6eadb}
.inner-page--product .editorial-section:nth-child(even) .editorial-copy,.inner-page--the-science .editorial-section:nth-child(even) .editorial-copy,.inner-page--why-coco-paste .editorial-section:nth-child(even) .editorial-copy{order:2}
.editorial-media{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;margin:0}
.editorial-media img{display:block;width:100%;max-height:390px;aspect-ratio:1.45;object-fit:cover;object-position:center;border-radius:4px;box-shadow:0 18px 38px rgba(50,27,13,.12)}
.editorial-media img[src*="cocopaste-product-original"]{width:min(100%,500px);max-height:350px;aspect-ratio:auto;object-fit:contain;box-shadow:none;filter:drop-shadow(0 15px 18px rgba(50,27,13,.15))}
.inner-page--product .editorial-copy,.inner-page--the-science .editorial-copy,.inner-page--why-coco-paste .editorial-copy{max-width:620px}
.inner-page--product .editorial-copy h2,.inner-page--the-science .editorial-copy h2,.inner-page--why-coco-paste .editorial-copy h2{color:#321b0d}
.inner-page--product .editorial-copy p,.inner-page--the-science .editorial-copy p,.inner-page--why-coco-paste .editorial-copy p{margin:0 0 14px;color:#574636;font-size:15px;line-height:1.78}
.inner-page--product .editorial-copy p:last-child,.inner-page--the-science .editorial-copy p:last-child,.inner-page--why-coco-paste .editorial-copy p:last-child{margin-bottom:0}
.inner-page--product .editorial-section--2 .editorial-copy h2,.inner-page--the-science .editorial-section--2 .editorial-copy h2,.inner-page--the-science .editorial-section--4 .editorial-copy h2,.inner-page--why-coco-paste .editorial-section--2 .editorial-copy h2{color:#f8f1e6}
.inner-page--product .editorial-section--2 .editorial-copy p,.inner-page--the-science .editorial-section--2 .editorial-copy p,.inner-page--the-science .editorial-section--4 .editorial-copy p,.inner-page--why-coco-paste .editorial-section--2 .editorial-copy p{color:#f1e7d8}
.inner-page--the-science .editorial-section--6 .editorial-copy p{color:#39412f}
.inner-page--product .editorial-section:not(:has(.editorial-media)),.inner-page--the-science .editorial-section:not(:has(.editorial-media)),.inner-page--why-coco-paste .editorial-section:not(:has(.editorial-media)){display:block}
.inner-page--product .editorial-section:not(:has(.editorial-media)) .editorial-copy,.inner-page--the-science .editorial-section:not(:has(.editorial-media)) .editorial-copy,.inner-page--why-coco-paste .editorial-section:not(:has(.editorial-media)) .editorial-copy{max-width:840px}
@media(max-width:800px){.inner-hero--product .inner-hero-image,.inner-hero--why-coco-paste .inner-hero-image,.inner-hero--the-science .inner-hero-image{background-size:auto 44%;background-position:100% center;opacity:.65}.inner-page--product .editorial-section,.inner-page--the-science .editorial-section,.inner-page--why-coco-paste .editorial-section{width:calc(100% - 44px);grid-template-columns:1fr;gap:22px;padding:36px 0}.inner-page--product .editorial-section:nth-child(even) .editorial-copy,.inner-page--the-science .editorial-section:nth-child(even) .editorial-copy,.inner-page--why-coco-paste .editorial-section:nth-child(even) .editorial-copy{order:initial}.editorial-media img{max-height:300px}.editorial-media img[src*="cocopaste-product-original"]{max-height:260px}}

/* Shorter internal banners: reclaim the marked blank area below the copy. */
.inner-hero{min-height:430px;padding-top:150px;padding-bottom:30px}
@media(max-width:800px){.inner-hero{min-height:440px;padding-top:100px;padding-bottom:30px}}
@media(max-width:520px){.inner-hero{min-height:420px;padding-top:88px;padding-bottom:26px}}

/* Restore package artwork prominence after the banner height reduction; slightly reduce banner headings. */
.inner-hero-copy h1{font-size:clamp(32.4px,3.96vw,54px)}
.inner-hero--product .inner-hero-image,.inner-hero--why-coco-paste .inner-hero-image,.inner-hero--the-science .inner-hero-image{background-size:auto 72%}
@media(max-width:800px){.inner-hero--product .inner-hero-image,.inner-hero--why-coco-paste .inner-hero-image,.inner-hero--the-science .inner-hero-image{background-size:auto 56%}}
@media(max-width:520px){.inner-hero-copy h1{font-size:34px}}

/* Larger, lower toothpaste artwork in product-related interior banners. */
.inner-hero--product .inner-hero-image,.inner-hero--why-coco-paste .inner-hero-image,.inner-hero--the-science .inner-hero-image{background-size:auto 84%;background-position:92% 58%}
@media(max-width:800px){.inner-hero--product .inner-hero-image,.inner-hero--why-coco-paste .inner-hero-image,.inner-hero--the-science .inner-hero-image{background-size:auto 66%;background-position:100% 58%}}

/* Keep toothpaste art 14–20px above the banner bottom and prevent horizontal page scrolling. */
html,body{max-width:100%;overflow-x:clip}
.inner-hero--product .inner-hero-image,.inner-hero--why-coco-paste .inner-hero-image,.inner-hero--the-science .inner-hero-image{background-position:92% 75%}
@media(max-width:800px){.inner-hero--product .inner-hero-image,.inner-hero--why-coco-paste .inner-hero-image,.inner-hero--the-science .inner-hero-image{background-position:100% 88%}}

/* Balanced section composition and background-integrated editorial imagery. */
.editorial-content>.editorial-section:not(:has(.editorial-media)){display:block;width:min(920px,100%);margin-inline:auto;padding-inline:clamp(18px,4vw,48px);text-align:center}
.editorial-content>.editorial-section:not(:has(.editorial-media)) .editorial-copy{width:100%;max-width:820px;margin-inline:auto}
.editorial-content>.editorial-section:not(:has(.editorial-media)) .editorial-copy h2{margin-inline:auto}
.editorial-content>.editorial-section:not(:has(.editorial-media)) .editorial-copy p{margin-inline:auto}
.editorial-section:has(.editorial-media){position:relative;isolation:isolate}
.editorial-media{isolation:isolate;min-height:clamp(230px,30vw,390px);overflow:visible}
.editorial-media::before{content:"";position:absolute;z-index:-1;inset:2% -7%;border-radius:50%;background:radial-gradient(ellipse,rgba(180,197,142,.24) 0%,rgba(201,130,76,.13) 42%,transparent 74%);filter:blur(9px);transform:scale(.94);transition:transform .8s cubic-bezier(.2,.75,.25,1),opacity .8s ease}
.editorial-media img{width:100%;height:100%;max-height:390px;aspect-ratio:1.45;object-fit:cover;border-radius:0;box-shadow:none;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse 84% 82% at 50% 48%,#000 60%,rgba(0,0,0,.9) 77%,transparent 100%);transition:transform .9s cubic-bezier(.2,.75,.25,1),filter .7s ease}
.editorial-media img[src*="cocopaste-product-original"]{height:auto;max-height:350px;mix-blend-mode:multiply;mask-image:none;filter:drop-shadow(0 18px 22px rgba(50,27,13,.17))}
.editorial-media:hover::before{transform:scale(1.04);opacity:.9}
.editorial-media:hover img{transform:translateY(-5px) scale(1.025)}

/* Feather editorial photos into the section surface on every edge. */
.editorial-media img:not([src*="cocopaste-product-original"]){
 border-radius:0!important;box-shadow:none!important;mix-blend-mode:multiply;
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 11%,#000 89%,transparent 100%);
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 11%,#000 89%,transparent 100%);
 mask-composite:intersect;
}
.inner-page--product .editorial-section--2 .editorial-media img,
.inner-page--the-science .editorial-section--2 .editorial-media img,
.inner-page--the-science .editorial-section--4 .editorial-media img,
.inner-page--why-coco-paste .editorial-section--2 .editorial-media img{filter:brightness(1.5) saturate(1.08)}

/* Editorial photos come from each page's section data; don't replace them with shared CSS artwork. */
.inner-page--product .editorial-section--has-image,
.inner-page--the-science .editorial-section--has-image,
.inner-page--why-coco-paste .editorial-section--has-image{
 --editorial-surface:247,242,232;position:relative;min-height:clamp(480px,38vw,580px);isolation:isolate;
}
.inner-page--product .editorial-section--has-image::before,
.inner-page--the-science .editorial-section--has-image::before,
.inner-page--why-coco-paste .editorial-section--has-image::before{z-index:-2;background:rgb(var(--editorial-surface))}
.inner-page--product .editorial-section--2.editorial-section--has-image,
.inner-page--the-science .editorial-section--2.editorial-section--has-image,
.inner-page--the-science .editorial-section--4.editorial-section--has-image,
.inner-page--why-coco-paste .editorial-section--2.editorial-section--has-image{--editorial-surface:50,27,13}
.inner-page--product .editorial-section--3.editorial-section--has-image,
.inner-page--the-science .editorial-section--3.editorial-section--has-image,
.inner-page--the-science .editorial-section--5.editorial-section--has-image{--editorial-surface:238,227,210}
.inner-page--the-science .editorial-section--6.editorial-section--has-image{--editorial-surface:230,234,219}
.inner-page--product .editorial-section--has-image::after,
.inner-page--the-science .editorial-section--has-image::after,
.inner-page--why-coco-paste .editorial-section--has-image::after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(var(--editorial-surface),0) 30%,rgba(var(--editorial-surface),.26) 43%,rgba(var(--editorial-surface),.82) 61%,rgb(var(--editorial-surface)) 75%)}
.inner-page--product .editorial-section--has-image .editorial-media,
.inner-page--the-science .editorial-section--has-image .editorial-media,
.inner-page--why-coco-paste .editorial-section--has-image .editorial-media{position:absolute;inset:0;width:auto;height:auto;min-height:0;margin:0;display:block;z-index:-1;background-image:linear-gradient(90deg,rgba(var(--editorial-surface),0) 30%,rgba(var(--editorial-surface),.26) 43%,rgba(var(--editorial-surface),.82) 61%,rgb(var(--editorial-surface)) 75%),var(--editorial-image);background-size:100% 100%,68% 100%;background-position:center,left center;background-repeat:no-repeat;overflow:hidden}
.inner-page--product .editorial-section--has-image .editorial-copy,
.inner-page--the-science .editorial-section--has-image .editorial-copy,
.inner-page--why-coco-paste .editorial-section--has-image .editorial-copy{grid-column:2;position:relative;z-index:1}
@media(max-width:800px){
 .inner-page--product .editorial-section--has-image,.inner-page--the-science .editorial-section--has-image,.inner-page--why-coco-paste .editorial-section--has-image{min-height:0;padding-top:clamp(270px,66vw,350px);}
 .inner-page--product .editorial-section--has-image .editorial-media,.inner-page--the-science .editorial-section--has-image .editorial-media,.inner-page--why-coco-paste .editorial-section--has-image .editorial-media{background-image:linear-gradient(180deg,rgba(var(--editorial-surface),0) 15%,rgba(var(--editorial-surface),.25) 38%,rgba(var(--editorial-surface),.9) 54%,rgb(var(--editorial-surface)) 64%),var(--editorial-image);background-size:100% 100%,100% clamp(270px,66vw,350px);background-position:center,top center}
 .inner-page--product .editorial-section--has-image::after,.inner-page--the-science .editorial-section--has-image::after,.inner-page--why-coco-paste .editorial-section--has-image::after{display:none}
 .inner-page--product .editorial-section--has-image .editorial-copy,.inner-page--the-science .editorial-section--has-image .editorial-copy,.inner-page--why-coco-paste .editorial-section--has-image .editorial-copy{grid-column:1}
}

/* Breadcrumb bar uses the site's cocoa brown with light, readable labels. */
.breadcrumbs{background:#321b0d!important;color:#f8f1e6!important}
.breadcrumbs a{color:#f8f1e6!important}
.breadcrumbs a:hover{color:#d9a849!important}
.breadcrumbs>span[aria-hidden=true]{color:#e8ad38!important}
.breadcrumbs:hover{background:#402413!important}

/* Requested refinements across Science, Why Coco Paste, About, Blog, and Contact. */
.inner-page--the-science .editorial-content{padding-bottom:0!important;margin-bottom:0!important}
.inner-page--the-science .editorial-content>.editorial-section--1 .editorial-media{
 background-color:#eee3d2!important;background-blend-mode:multiply!important;background-size:auto 82%!important;background-position:center!important;background-repeat:no-repeat!important
}
.inner-page--the-science .editorial-content>.research-note{margin:0!important}

body.inner-page--why-coco-paste:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--1{background:#eee3d2!important}
body.inner-page--why-coco-paste:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--2{background:#321b0d!important}
body.inner-page--why-coco-paste:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--3{background:#eee3d2!important}
.inner-page--why-coco-paste .editorial-section--has-image .editorial-copy{background:transparent!important}
.inner-page--why-coco-paste .editorial-section--1 .editorial-copy,
.inner-page--why-coco-paste .editorial-section--1 .editorial-copy h2,
.inner-page--why-coco-paste .editorial-section--1 .editorial-copy p{color:#321b0d!important}
.inner-page--why-coco-paste .editorial-section--2 .editorial-copy,
.inner-page--why-coco-paste .editorial-section--2 .editorial-copy h2,
.inner-page--why-coco-paste .editorial-section--2 .editorial-copy p{color:#f8f1e6!important}
.inner-page--why-coco-paste .editorial-section--3 .editorial-copy,
.inner-page--why-coco-paste .editorial-section--3 .editorial-copy h2,
.inner-page--why-coco-paste .editorial-section--3 .editorial-copy p{color:#321b0d!important}

.inner-page--about-us .editorial-content>.editorial-section--has-image.editorial-section--2{background:#321b0d!important}
.inner-page--about-us .editorial-content>.editorial-section--2{--editorial-image:url("/assets/images/team/team-mohammadmehdi-cutout.png")}
.inner-page--about-us .editorial-content>.editorial-section--2 .editorial-copy,
.inner-page--about-us .editorial-content>.editorial-section--2 .editorial-copy h2,
.inner-page--about-us .editorial-content>.editorial-section--2 .editorial-copy p{color:#f8f1e6!important}
.inner-page--about-us .editorial-content>.editorial-section--2 .editorial-media{
 background-image:var(--editorial-image)!important;background-color:transparent!important;background-blend-mode:normal!important;background-size:auto 82%!important;background-position:center right!important
}
.inner-page--about-us .editorial-content>.editorial-section--3 .editorial-media{
 background-size:100% 100%,auto 82%!important;background-position:center,left center!important;background-color:#eee3d2!important;background-blend-mode:multiply!important
}
.inner-page--about-us .team-strip{display:none!important}

.inner-page--blog main>.blog-pagination{padding:clamp(32px,4vw,52px) 24px!important}

.inner-page--contact .editorial-content>.editorial-section--has-image{min-height:0!important;height:auto!important}
.inner-page--contact .editorial-content>.editorial-section--has-image .editorial-copy{
 align-items:stretch!important;justify-content:center!important;text-align:left!important;padding:clamp(34px,4vw,62px)!important
}
.inner-page--contact .contact-form{width:100%;max-width:none;margin:24px 0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px}
.inner-page--contact .contact-form .full{grid-column:1/-1}
.inner-page--contact .contact-form button{grid-column:1/-1}
@media(max-width:800px){
 .inner-page--contact .editorial-content>.editorial-section--has-image .editorial-copy{padding:34px 24px 42px!important}
 .inner-page--contact .contact-form{grid-template-columns:1fr}
 .inner-page--contact .contact-form .full,.inner-page--contact .contact-form button{grid-column:1}
}

/* Science research visuals fill the section height while retaining their natural proportions. */
.inner-page--the-science:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--2 .editorial-media,
.inner-page--the-science:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--3 .editorial-media{
 background-color:transparent!important;background-image:var(--editorial-image,none)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:auto 100%!important
}
.inner-page--the-science .editorial-content>.research-note{
 position:relative;left:auto;width:100%;max-width:none;box-sizing:border-box;margin:0;padding:clamp(18px,2vw,28px) max(24px,calc((100vw - 1280px)/2));border:0;border-top:1px solid rgba(87,70,54,.18);background:#e9e6d8
}
.post-card{transition:transform .55s cubic-bezier(.2,.75,.25,1),box-shadow .55s ease,border-color .35s ease}
.post-card:hover{transform:translateY(-7px);box-shadow:0 22px 46px rgba(50,27,13,.12);border-color:#b4c58e}
.post-image{position:relative;isolation:isolate;background:linear-gradient(135deg,#eee3d2,#e6eadb);margin-bottom:17px}
.post-image::after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,rgba(255,253,248,.58));pointer-events:none}
.post-image img{transition:transform .8s cubic-bezier(.2,.75,.25,1),filter .6s ease;filter:saturate(.92)}
.post-card:hover .post-image img{transform:scale(1.045);filter:saturate(1.06)}
.team-strip article{transition:transform .6s cubic-bezier(.2,.75,.25,1),border-color .4s ease}
.team-strip article:hover{transform:translateY(-5px);border-color:#c9824c}
.team-strip article img{box-shadow:0 0 0 7px rgba(180,197,142,.12);transition:transform .75s cubic-bezier(.2,.75,.25,1),box-shadow .6s ease}
.team-strip article:hover img{transform:scale(1.035);box-shadow:0 0 0 10px rgba(180,197,142,.22)}
.related-post{transition:padding .3s ease,color .3s ease}
.related-post:hover{padding-left:7px}
.contact-form input,.contact-form textarea,.newsletter-form input{transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease}
.contact-form input:focus,.contact-form textarea:focus,.newsletter-form input:focus{outline:0;border-color:#66844a;box-shadow:0 0 0 4px rgba(102,132,74,.14);background:#fff}
.leaf-button,.newsletter-form button,.back-to-top{position:relative;overflow:hidden;transition:transform .32s cubic-bezier(.2,.75,.25,1),box-shadow .32s ease,background-color .25s ease}
.leaf-button:hover,.newsletter-form button:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(50,27,13,.2)}
.back-to-top:hover{transform:translateY(-3px)}
.inner-hero-copy{animation:banner-copy-enter .8s .08s cubic-bezier(.2,.75,.25,1) both}
.inner-hero-image{transform-origin:70% 50%;animation:banner-art-enter 1.25s cubic-bezier(.2,.75,.25,1) both}
.breadcrumbs{transition:background-color .35s ease}
.breadcrumbs:hover{background-color:#f3eadc}

/* Respect reduced-motion while keeping the same layout and visibility. */
@media(prefers-reduced-motion:reduce){
 .editorial-media::before,.editorial-media img,.post-card,.post-image img,.team-strip article,.team-strip article img,.related-post,.contact-form input,.contact-form textarea,.newsletter-form input,.leaf-button,.newsletter-form button,.back-to-top,.breadcrumbs{transition:none!important;animation:none!important}
 .editorial-media:hover img,.post-card:hover,.team-strip article:hover,.team-strip article:hover img,.leaf-button:hover,.newsletter-form button:hover,.back-to-top:hover{transform:none!important}
}
@keyframes banner-copy-enter{from{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes banner-art-enter{from{opacity:.45;transform:scale(1.055)}to{transform:scale(1)}}
@media(max-width:800px){.editorial-section:has(.editorial-media){grid-template-columns:1fr}.editorial-media{min-height:240px}.editorial-content>.editorial-section:not(:has(.editorial-media)){padding-inline:18px}}
@media(max-width:520px){.editorial-media{min-height:220px}.editorial-media img{max-height:280px}}

/* Keep image-less copy centered, and animate interior content as it enters view. */
@media(prefers-reduced-motion:no-preference){
 .editorial-media{transition:background-color .45s ease}
 .editorial-media::before{animation:media-glow 8s ease-in-out infinite alternate}
 .inner-hero{animation:content-arrive .9s cubic-bezier(.2,.75,.25,1) both}
 .breadcrumbs{animation:content-arrive .55s .12s both}
 @supports(animation-timeline:view()){
  .editorial-section,.team-strip article,.post-card,.article-body>*,.related-posts,.contact-form{animation:scroll-arrive linear both;animation-timeline:view();animation-range:entry 0% entry 38%}
 }
}
@keyframes media-glow{from{opacity:.55;transform:scale(.9)}to{opacity:1;transform:scale(1.02)}}

/* Alternate full-bleed background photography across consecutive editorial sections. */
.inner-page--product .editorial-section--has-image,
.inner-page--the-science .editorial-section--has-image,
.inner-page--why-coco-paste .editorial-section--has-image{overflow:hidden}
.inner-page--product .editorial-section--has-image .editorial-media,
.inner-page--the-science .editorial-section--has-image .editorial-media,
.inner-page--why-coco-paste .editorial-section--has-image .editorial-media{
 inset:0;left:0;right:0;z-index:-1;background-image:var(--editorial-image);background-size:68% 100%;background-position:left center;background-repeat:no-repeat
}
.inner-page--product .editorial-section--has-image::after,
.inner-page--the-science .editorial-section--has-image::after,
.inner-page--why-coco-paste .editorial-section--has-image::after{
 background:linear-gradient(90deg,rgba(var(--editorial-surface),0) 0%,rgba(var(--editorial-surface),.03) 37%,rgba(var(--editorial-surface),.68) 59%,rgb(var(--editorial-surface)) 75%);z-index:0
}
.inner-page--product .editorial-section--image-right .editorial-media,
.inner-page--the-science .editorial-section--image-right .editorial-media,
.inner-page--why-coco-paste .editorial-section--image-right .editorial-media{left:0;right:0;background-position:right center}
.inner-page--product .editorial-section--image-right::after,
.inner-page--the-science .editorial-section--image-right::after,
.inner-page--why-coco-paste .editorial-section--image-right::after{background:linear-gradient(90deg,rgb(var(--editorial-surface)) 0%,rgba(var(--editorial-surface),.68) 25%,rgba(var(--editorial-surface),.03) 48%,rgba(var(--editorial-surface),0) 100%)}
.inner-page--product .editorial-section--image-left .editorial-copy,
.inner-page--the-science .editorial-section--image-left .editorial-copy,
.inner-page--why-coco-paste .editorial-section--image-left .editorial-copy{grid-column:2}
.inner-page--product .editorial-section--image-right .editorial-copy,
.inner-page--the-science .editorial-section--image-right .editorial-copy,
.inner-page--why-coco-paste .editorial-section--image-right .editorial-copy{grid-column:1;order:initial}
@media(max-width:800px){
 .inner-page--product .editorial-section--has-image .editorial-media,.inner-page--the-science .editorial-section--has-image .editorial-media,.inner-page--why-coco-paste .editorial-section--has-image .editorial-media{background-size:100% clamp(270px,66vw,350px);background-position:center top}
 .inner-page--product .editorial-section--has-image::after,.inner-page--the-science .editorial-section--has-image::after,.inner-page--why-coco-paste .editorial-section--has-image::after{background:linear-gradient(180deg,rgba(var(--editorial-surface),0) 12%,rgba(var(--editorial-surface),.12) 30%,rgba(var(--editorial-surface),.82) 53%,rgb(var(--editorial-surface)) 68%)}
}

/* Pin alternating photo backdrops to the viewport edge, not the inner content container. */
.inner-page--product .editorial-section--has-image .editorial-media,
.inner-page--the-science .editorial-section--has-image .editorial-media,
.inner-page--why-coco-paste .editorial-section--has-image .editorial-media{
 left:50%;right:auto;width:100vw;height:100%;transform:translateX(-50%);background-size:68% 100%;background-position:left center
}
.inner-page--product .editorial-section--has-image::after,
.inner-page--the-science .editorial-section--has-image::after,
.inner-page--why-coco-paste .editorial-section--has-image::after{left:50%;right:auto;width:100vw;transform:translateX(-50%);background:linear-gradient(90deg,rgba(var(--editorial-surface),0) 0%,rgba(var(--editorial-surface),.04) 31%,rgba(var(--editorial-surface),.75) 49%,rgb(var(--editorial-surface)) 57%)}
.inner-page--product .editorial-section--image-right .editorial-media,
.inner-page--the-science .editorial-section--image-right .editorial-media,
.inner-page--why-coco-paste .editorial-section--image-right .editorial-media{background-position:right center}
.inner-page--product .editorial-section--image-right::after,
.inner-page--the-science .editorial-section--image-right::after,
.inner-page--why-coco-paste .editorial-section--image-right::after{background:linear-gradient(90deg,rgb(var(--editorial-surface)) 0%,rgba(var(--editorial-surface),.75) 43%,rgba(var(--editorial-surface),.04) 62%,rgba(var(--editorial-surface),0) 100%)}
@media(max-width:800px){
 .inner-page--product .editorial-section--has-image .editorial-media,.inner-page--the-science .editorial-section--has-image .editorial-media,.inner-page--why-coco-paste .editorial-section--has-image .editorial-media{left:50%;right:auto;width:100vw;height:100%;transform:translateX(-50%);background-size:100% clamp(270px,66vw,350px);background-position:center top}
 .inner-page--product .editorial-section--has-image::after,.inner-page--the-science .editorial-section--has-image::after,.inner-page--why-coco-paste .editorial-section--has-image::after{left:50%;right:auto;width:100vw;transform:translateX(-50%);background:linear-gradient(180deg,rgba(var(--editorial-surface),0) 12%,rgba(var(--editorial-surface),.12) 30%,rgba(var(--editorial-surface),.82) 53%,rgb(var(--editorial-surface)) 68%)}
}

/* Let the background layer reach the viewport edge beyond the centered text grid. */
.inner-page--product .editorial-section--has-image,
.inner-page--the-science .editorial-section--has-image,
.inner-page--why-coco-paste .editorial-section--has-image{overflow:visible}


/* Image quality and per-page art direction: keep photo ratios intact and use a separate true product cutout. */
.inner-hero{--inner-image:url("/assets/images/forest.jpg")}
.inner-hero-image{background-image:var(--inner-image);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.48;mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 100%)}
.inner-hero-product{position:absolute;z-index:2;right:max(4vw,calc((100vw - 1280px)/2));bottom:3%;width:min(38vw,540px);height:66%;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 22px 28px rgba(40,25,14,.2));pointer-events:none}
.inner-hero-copy{z-index:3}
.inner-page--product .inner-hero{--inner-image:url("/assets/images/cocoa-science-editorial.png")}
.inner-page--the-science .inner-hero{--inner-image:url("/assets/images/science-cocoa-lab.png")}
.inner-page--positive-impact .inner-hero{--inner-image:url("/assets/images/impact-cacao-community.png")}
.inner-page--why-coco-paste .inner-hero{--inner-image:url("/assets/images/why-coco-ingredients.png")}
.inner-page--about-us .inner-hero{--inner-image:url("/assets/images/about-family-brushing.png")}
.inner-page--contact .inner-hero{--inner-image:url("/assets/images/contact-office-editorial.png")}
.inner-page--blog .inner-hero{--inner-image:url("/assets/images/forest.jpg")}
.inner-page--product .editorial-section--has-image .editorial-media,
.inner-page--the-science .editorial-section--has-image .editorial-media,
.inner-page--why-coco-paste .editorial-section--has-image .editorial-media{background-size:auto 100%;background-position:left center}
.inner-page--product .editorial-section--image-right .editorial-media,
.inner-page--the-science .editorial-section--image-right .editorial-media,
.inner-page--why-coco-paste .editorial-section--image-right .editorial-media{background-position:right center}
@media(max-width:800px){
 .inner-hero-product{right:16px;bottom:1%;width:min(48vw,320px);height:48%;opacity:.96}
 .inner-page--product .editorial-section--has-image .editorial-media,
 .inner-page--the-science .editorial-section--has-image .editorial-media,
 .inner-page--why-coco-paste .editorial-section--has-image .editorial-media{background-size:auto 100%;background-position:center top}
}

/* Preserve the photo's intrinsic aspect ratio while filling each section's full height. */
.inner-page--product .editorial-section--has-image .editorial-media,
.inner-page--the-science .editorial-section--has-image .editorial-media{background-size:auto 100%;background-position:left center}
.inner-page--why-coco-paste .editorial-section--has-image .editorial-media{background-size:100% 100%,auto 100%;background-position:center,left center}
.inner-page--product .editorial-section--image-right .editorial-media,
.inner-page--the-science .editorial-section--image-right .editorial-media,
.inner-page--why-coco-paste .editorial-section--image-right .editorial-media{background-position:center,right center}
.inner-page--positive-impact .editorial-section--has-image{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:clamp(440px,38vw,560px);padding:56px max(28px,calc((100vw - 1180px)/2));}
.inner-page--positive-impact .editorial-section--has-image .editorial-media{position:absolute;inset:0;z-index:-1;width:100%;height:100%;min-height:0;margin:0;background-image:var(--editorial-image);background-size:auto 100%;background-position:left center;background-repeat:no-repeat}
.inner-page--positive-impact .editorial-section--has-image::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(247,242,232,0) 0%,rgba(247,242,232,.12) 28%,rgba(247,242,232,.88) 54%,#f7f2e8 72%);pointer-events:none}
.inner-page--positive-impact .editorial-section--image-right::after{background:linear-gradient(90deg,#f7f2e8 0%,rgba(247,242,232,.88) 30%,rgba(247,242,232,.12) 70%,rgba(247,242,232,0) 100%)}
.inner-page--positive-impact .editorial-section--has-image .editorial-copy{position:relative;z-index:1;grid-column:2}
.inner-page--positive-impact .editorial-section--image-right .editorial-copy{grid-column:1}
@media(max-width:800px){
 .inner-page--product .editorial-section--has-image .editorial-media,.inner-page--the-science .editorial-section--has-image .editorial-media{background-size:auto 100%;background-position:center top}
 .inner-page--why-coco-paste .editorial-section--has-image .editorial-media{background-size:100% 100%,auto 100%;background-position:center,center top}
 .inner-page--positive-impact .editorial-section--has-image{grid-template-columns:1fr;min-height:0;padding:clamp(280px,70vw,370px) 24px 42px}
 .inner-page--positive-impact .editorial-section--has-image .editorial-media{background-position:center top}
 .inner-page--positive-impact .editorial-section--has-image::after,.inner-page--positive-impact .editorial-section--image-right::after{background:linear-gradient(180deg,rgba(247,242,232,0) 0%,rgba(247,242,232,.25) 33%,#f7f2e8 70%)}
 .inner-page--positive-impact .editorial-section--has-image .editorial-copy,.inner-page--positive-impact .editorial-section--image-right .editorial-copy{grid-column:1}
}

/* Full-bleed, undistorted editorial photos in internal-page banners. */
body.inner-page .inner-hero .inner-hero-image{
 inset:0;
 background-image:var(--inner-image);
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat;
 opacity:.44;
 mask-image:linear-gradient(90deg,rgba(0,0,0,.22) 0%,#000 36%,#000 100%);
}
body.inner-page.inner-page--about-us .inner-hero .inner-hero-image{background-position:center 42%}
body.inner-page.inner-page--contact .inner-hero .inner-hero-image{background-position:center 52%}
body.inner-page.inner-page--positive-impact .inner-hero .inner-hero-image{background-position:center 48%}
.inner-hero-product{
 right:max(4vw,calc((100vw - 1280px)/2));
 bottom:2%;
 width:min(22vw,290px);
 height:43%;
 object-fit:contain;
 object-position:right bottom;
 filter:drop-shadow(0 14px 18px rgba(40,25,14,.18));
}
@media(max-width:800px){
 body.inner-page .inner-hero .inner-hero-image{opacity:.32;mask-image:linear-gradient(90deg,rgba(0,0,0,.16),#000 55%)}
 .inner-hero-product{right:14px;bottom:1%;width:min(34vw,190px);height:28%}
}
@media(max-width:520px){
 body.inner-page .inner-hero .inner-hero-image{background-position:center}
 .inner-hero-product{width:min(32vw,150px);height:23%;bottom:1%}
}

/* Never stretch editorial photographs to the section box; retain source aspect ratio. */
.inner-page--product .editorial-section--has-image .editorial-media,
.inner-page--the-science .editorial-section--has-image .editorial-media,
.inner-page--why-coco-paste .editorial-section--has-image .editorial-media{
 background-size:auto 100% !important;
 background-repeat:no-repeat;
}
.inner-page--product .editorial-section--image-left .editorial-media,
.inner-page--the-science .editorial-section--image-left .editorial-media,
.inner-page--why-coco-paste .editorial-section--image-left .editorial-media{background-position:left center !important}
.inner-page--product .editorial-section--image-right .editorial-media,
.inner-page--the-science .editorial-section--image-right .editorial-media,
.inner-page--why-coco-paste .editorial-section--image-right .editorial-media{background-position:right center !important}
@media(max-width:800px){
 .inner-page--product .editorial-section--has-image .editorial-media,
 .inner-page--the-science .editorial-section--has-image .editorial-media,
 .inner-page--why-coco-paste .editorial-section--has-image .editorial-media{background-size:100% auto !important;background-position:center top !important}
}

/* CSP-safe per-page photo assignments; each page gets distinct editorial images. */
.inner-page--product .editorial-section--1{--editorial-image:url("/assets/images/science-cocoa-lab.png")}
.inner-page--product .editorial-section--2{--editorial-image:url("/assets/images/product-page-editorial-branded.png")}
.inner-page--product .editorial-section--3{--editorial-image:url("/assets/images/family-brushing-editorial.png")}
.inner-page--the-science .editorial-section--3{--editorial-image:url("/assets/images/why-coco-ingredients.png")}
.inner-page--the-science .editorial-section--4{--editorial-image:url("/assets/images/science-enamel-care.png")}
.inner-page--positive-impact .editorial-section--1{--editorial-image:url("/assets/images/forest.jpg")}
.inner-page--positive-impact .editorial-section--2{--editorial-image:url("/assets/images/impact-community-oralhealth.png")}
.inner-page--why-coco-paste .editorial-section--1{--editorial-image:url("/assets/images/product-page-editorial.png")}
.inner-page--why-coco-paste .editorial-section--2{--editorial-image:url("/assets/images/science-enamel-care.png")}
.inner-page--article-switching-to-fluoride-free-toothpaste-without-losing-cavity-protection .inner-hero{--inner-image:url("/assets/images/blog/blog-fluoride-free.png")}
.inner-page--article-fluoride-free-toothpaste-gets-attention-for-a-reason-here-s-what-cocoa-based-care-can-offer .inner-hero{--inner-image:url("/assets/images/blog/blog-cocoa-care.jpg")}
.inner-page--article-theobromine-vs-fluoride-how-cocopaste-redefines-tooth-protection .inner-hero{--inner-image:url("/assets/images/blog/blog-theobromine.png")}
.inner-page--article-why-cocopaste-is-changing-the-future-of-oral-hygiene .inner-hero{--inner-image:url("/assets/images/blog/blog-oral-hygiene.png")}
@media(max-width:800px){
 .inner-page--positive-impact .editorial-section--has-image .editorial-media{background-size:100% auto !important;background-position:center top !important}
}

/* Product page: keep the banner clear and use the branded editorial still life in section 2. */
.inner-page--product .inner-hero-product{display:none}
.inner-page--product .editorial-content{padding-bottom:0}
.inner-page--product .editorial-section--2.editorial-section--has-image .editorial-media{
 background-image:
  linear-gradient(90deg,#321b0d 0%,rgba(50,27,13,.94) 26%,rgba(50,27,13,.68) 42%,rgba(50,27,13,.12) 67%,rgba(50,27,13,0) 78%),
  url("/assets/images/product-page-editorial-branded.png");
 background-size:100% 100%,auto 100% !important;
 background-position:center,right center !important;
 background-repeat:no-repeat;
}
.inner-page--product .editorial-section--3.editorial-section--has-image .editorial-media{
 background-image:
  linear-gradient(90deg,rgba(238,227,210,0) 0%,rgba(238,227,210,.08) 34%,rgba(238,227,210,.62) 49%,rgba(238,227,210,.94) 62%,#eee3d2 73%),
  var(--editorial-image);
 background-size:100% 100%,auto 100% !important;
 background-position:center,left center !important;
 background-repeat:no-repeat;
}
.inner-page--product .editorial-section--4{
 display:block!important;width:100vw;margin-left:calc(50% - 50vw);padding:clamp(38px,5vw,68px) max(28px,calc((100vw - 1120px)/2));
 background:#321b0d!important;color:#f8f1e6!important;border:0;
}
.inner-page--product .editorial-section--4::before{background:#321b0d!important}
.inner-page--product .editorial-section--4 .editorial-copy{display:block!important;width:min(100%,980px);max-width:none;margin:0 auto;color:#f8f1e6!important}
.inner-page--product .editorial-section--4 .editorial-copy>p{margin:0 0 12px;color:#f8f1e6!important;font-size:16px;line-height:1.75}
.inner-page--product .editorial-section--4 .editorial-copy>.leaf-button{margin:2px 12px 16px 0}
.inner-page--product .editorial-section--4 .source-data-table-wrap{margin:18px 0 22px}
.inner-page--product .editorial-section--4 .source-data-table{background:rgba(255,250,244,.08);color:#f8f1e6}
.inner-page--product .editorial-section--4 .source-data-table th{background:#e6c49e;color:#321b0d}
.inner-page--product .editorial-section--4 .source-data-table td{border-color:rgba(248,241,230,.22);color:#f8f1e6!important}
.inner-page--product .editorial-section--4 .source-data-table tr:nth-child(even){background:rgba(255,250,244,.1)}
.inner-page--product .editorial-section--1 .editorial-media{background-size:auto 100% !important;background-position:left center !important}
@media(max-width:800px){
 .inner-page--product .editorial-section--2.editorial-section--has-image .editorial-media{
  background-image:linear-gradient(180deg,rgba(50,27,13,0) 12%,rgba(50,27,13,.2) 34%,rgba(50,27,13,.86) 57%,#321b0d 72%),url("/assets/images/product-page-editorial-branded.png");
  background-size:100% 100%,100% auto !important;
  background-position:center,center top !important;
 }
 .inner-page--product .editorial-section--3.editorial-section--has-image .editorial-media{
  background-image:linear-gradient(180deg,rgba(238,227,210,0) 12%,rgba(238,227,210,.18) 39%,rgba(238,227,210,.9) 70%,#eee3d2 85%),var(--editorial-image);
  background-size:100% 100%,100% auto !important;
  background-position:center,center top !important;
 }
 .inner-page--product .editorial-section--4{padding:36px 20px}
}
/* Keep the anti-spam field inaccessible to people while leaving it in form data. */
.form-trap{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important}
.motion-ready .reveal-delay-0{--reveal-delay:0ms}.motion-ready .reveal-delay-1{--reveal-delay:75ms}.motion-ready .reveal-delay-2{--reveal-delay:150ms}.motion-ready .reveal-delay-3{--reveal-delay:225ms}.motion-ready .reveal-delay-4{--reveal-delay:300ms}

/* Product page: clean 50/50 image and solid-colour panels, with centred copy. */
.inner-page--product .editorial-section--has-image{
 position:relative;left:50%;width:100vw!important;max-width:none!important;margin-left:-50vw!important;margin-right:0!important;padding:0;min-height:clamp(470px,42vw,620px);
 display:flex!important;align-items:stretch;gap:0;background:#eee3d2;overflow:hidden;
}
.inner-page--product .editorial-section--2.editorial-section--has-image{background:#321b0d}
.inner-page--product .editorial-section--has-image::after{display:none!important}
.inner-page--product .editorial-section--has-image .editorial-media{
 position:relative;inset:auto;left:auto!important;right:auto!important;transform:none!important;flex:0 0 50vw!important;width:50vw!important;height:auto;min-height:0;margin:0;z-index:0;align-self:stretch;box-sizing:border-box;
 background-image:var(--editorial-image)!important;background-repeat:no-repeat!important;
 background-size:cover!important;overflow:hidden;
}
.inner-page--product .editorial-section--image-left .editorial-media{background-position:left center!important}
.inner-page--product .editorial-section--image-right .editorial-media{background-position:right center!important}
.inner-page--product .editorial-section--has-image .editorial-copy{
 position:relative;left:auto!important;right:auto!important;transform:none!important;z-index:1;grid-column:auto!important;grid-row:auto!important;order:initial!important;align-self:center;
 flex:0 0 50vw!important;width:50vw!important;max-width:none;margin:0;padding:clamp(34px,5.5vw,88px);box-sizing:border-box;
 text-align:center;
}
.inner-page--product .editorial-section--has-image .editorial-copy p{margin:0 0 16px}
.inner-page--product .editorial-section--2 .editorial-copy p{color:#f8f1e6!important}

/* Keep the two preorder choices beside their undistorted product image; table spans below. */
.inner-page--product .editorial-section--4{padding:clamp(38px,5vw,68px) max(28px,calc((100vw - 1120px)/2))}
.inner-page--product .editorial-section--4 .editorial-copy{width:100%;max-width:1120px}
.inner-page--product .product-order-intro{text-align:center;max-width:820px;margin:0 auto 28px}
.inner-page--product .product-order-intro p,.inner-page--product .product-order-note p{color:#f8f1e6!important;font-size:16px;line-height:1.7;margin:0 0 8px}
.inner-page--product .product-preorder-layout{display:grid;grid-template-columns:minmax(180px,.8fr) repeat(2,minmax(0,1fr));align-items:stretch;gap:22px;margin:0 auto 24px}
.inner-page--product .product-preorder-image{display:grid;place-items:center;min-height:230px}
.inner-page--product .product-preorder-image img{display:block;width:100%;height:100%;max-height:300px;object-fit:contain;object-position:center}
.inner-page--product .product-preorder-offer{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 22px;border:1px solid rgba(248,241,230,.28);background:rgba(255,250,244,.06)}
.inner-page--product .product-preorder-offer p{color:#f8f1e6!important;font-size:16px;line-height:1.7;margin:0 0 18px}
.inner-page--product .product-preorder-offer .leaf-button{margin-top:auto}
.inner-page--product .product-order-note{text-align:center;max-width:920px;margin-inline:auto}
@media(max-width:800px){
 .inner-page--product .editorial-section--has-image{left:auto;width:100%!important;max-width:none;margin:0!important;min-height:0;display:flex!important;flex-direction:column;padding:0;}
 .inner-page--product .editorial-section--has-image .editorial-media{position:relative;inset:auto;width:100%!important;height:clamp(260px,68vw,390px);min-height:0;flex:none!important;background-size:cover!important;background-position:center!important}
 .inner-page--product .editorial-section--has-image .editorial-copy{width:100%!important;flex:none!important;max-width:none;padding:34px 24px 42px;text-align:center}
 .inner-page--product .editorial-section--image-right .editorial-copy{order:2!important}
 .inner-page--product .editorial-section--image-right .editorial-media{order:1!important}
 .inner-page--product .product-preorder-layout{grid-template-columns:1fr 1fr;gap:12px}
 .inner-page--product .product-preorder-image{grid-column:1/-1;min-height:210px}
 .inner-page--product .product-preorder-image img{max-height:240px}
 .inner-page--product .product-preorder-offer{padding:18px 14px}
 .inner-page--product .product-preorder-offer p{font-size:14px}
 .inner-page--product .editorial-section--4{padding:34px 18px}
}


/* The Science: original research figures stay readable and undistorted within the same editorial system. */
.inner-page--the-science .editorial-content{max-width:none;padding:0 0 64px}
.inner-page--the-science .editorial-section{width:min(1120px,calc(100% - 56px));margin-inline:auto;padding:clamp(42px,5vw,72px) 0;border-bottom:0}
.inner-page--the-science .editorial-section:nth-child(even){padding-left:0}
.inner-page--the-science .editorial-copy{max-width:900px;margin-inline:auto}
.inner-page--the-science .editorial-copy h2{margin-bottom:18px}
.inner-page--the-science .editorial-copy>p{font-size:16px;line-height:1.76;margin:0 0 16px}
.inner-page--the-science .editorial-copy>p:last-child{margin-bottom:0}
.inner-page--the-science .editorial-section--2,.inner-page--the-science .editorial-section--4{width:100%;max-width:none;background:#321b0d;color:#f8f1e6;padding:clamp(42px,5vw,72px) max(28px,calc((100vw - 1120px)/2))}
.inner-page--the-science .editorial-section--2 .editorial-copy h2,.inner-page--the-science .editorial-section--4 .editorial-copy h2{color:#f8f1e6}
.inner-page--the-science .editorial-section--2 .editorial-copy>p,.inner-page--the-science .editorial-section--4 .editorial-copy>p{color:#f1e7d8}
.science-figure-pair{display:grid;grid-template-columns:minmax(150px,.68fr) minmax(0,1.32fr);gap:clamp(20px,4vw,56px);align-items:center;margin:30px auto 0;max-width:920px}
.science-figure{min-width:0;margin:0;text-align:center}
.science-figure img{display:block;width:100%;height:auto;max-height:380px;object-fit:contain;margin-inline:auto}
.science-figure--compound img{max-height:235px;background:#fffdf8}
.science-figure--graph img{max-height:310px;background:#fff}
.science-figure figcaption{margin-top:10px;color:inherit;font-size:12px;line-height:1.5}
.science-figure--wide{max-width:980px;margin:26px auto 24px;padding:18px;background:#fffdf8;color:#321b0d}
.science-figure--wide img{max-height:340px}
.science-caption-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:13px}
.science-caption-list span{font-size:11px;font-weight:700;line-height:1.4;text-align:center}
.inner-page--the-science .editorial-section--5 .science-caption-list{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:800px){
 .inner-page--the-science .editorial-content{padding-bottom:34px}
 .inner-page--the-science .editorial-section,.inner-page--the-science .editorial-section:nth-child(even){width:100%;padding:38px 22px}
 .inner-page--the-science .editorial-section--2,.inner-page--the-science .editorial-section--4{padding:38px 22px}
 .science-figure-pair{grid-template-columns:minmax(0,1fr);gap:24px}
 .science-figure--compound img{max-height:190px}
 .science-figure--wide{padding:10px;margin:20px 0}
 .science-caption-list{grid-template-columns:1fr;gap:7px}
 .inner-page--the-science .editorial-section--5 .science-caption-list{grid-template-columns:1fr}
}

/* Source-parity blog archive and article imagery */
.blog-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 24px 74px}
.blog-page-number,.blog-page-arrow{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:999px;color:var(--cacao);text-decoration:none;font-size:14px;transition:background .2s,color .2s,border-color .2s}
.blog-page-number[aria-current=page],.blog-page-number:hover,.blog-page-arrow:hover{background:var(--leaf);border-color:var(--leaf);color:#fff}
.inner-page--article .inner-hero-image{background-position:center;background-size:cover;opacity:.68;mask-image:linear-gradient(90deg,rgba(0,0,0,.38),#000 38%)}
@media(max-width:800px){.blog-pagination{padding-bottom:52px}.inner-page--article .inner-hero-image{opacity:.4;mask-image:none}}

/* 2026-11 editorial QA pass: full-bleed impact sections, balanced archive, contact composition, science figures, flush footer joins. */
.inner-page--positive-impact .editorial-content{width:100%;max-width:none;margin:0;padding:0;background:#f7f2e8}
.inner-page--positive-impact .editorial-section--has-image{box-sizing:border-box;position:relative;left:50%;width:100vw;max-width:none;margin-left:-50vw;margin-right:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:clamp(460px,38vw,620px);padding:clamp(42px,5vw,72px) max(28px,calc((100vw - 1180px)/2));background:#f7f2e8;overflow:hidden}
.inner-page--positive-impact .editorial-section--has-image .editorial-media{position:absolute;inset:0;z-index:0;width:auto;height:auto;min-height:0;margin:0;background-image:var(--editorial-image);background-size:auto 100%;background-position:left center;background-repeat:no-repeat}
.inner-page--positive-impact .editorial-section--has-image::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(247,242,232,0) 0%,rgba(247,242,232,.06) 25%,rgba(247,242,232,.7) 43%,#f7f2e8 57%)}
.inner-page--positive-impact .editorial-section--image-right .editorial-media{background-position:right center}
.inner-page--positive-impact .editorial-section--image-right::after{background:linear-gradient(90deg,#f7f2e8 0%,rgba(247,242,232,.92) 42%,rgba(247,242,232,.14) 69%,rgba(247,242,232,0) 100%)}
.inner-page--positive-impact .editorial-section--has-image .editorial-copy{position:relative;z-index:1;grid-column:2;width:100%;max-width:520px;margin:0 0 0 auto}
.inner-page--positive-impact .editorial-section--image-right .editorial-copy{grid-column:1;margin:0 auto 0 0}
.inner-page--positive-impact .editorial-section--has-image .editorial-copy h2{font-size:clamp(26px,2.4vw,36px);line-height:1.14;max-width:520px}
.inner-page--positive-impact .editorial-section--has-image .editorial-copy>p{font-size:15px;line-height:1.72;margin:0 0 13px}
.inner-page--positive-impact .editorial-content>.editorial-section:last-child{margin-bottom:0}

/* Compact editorial blog archive with a clear thumbnail, reading measure and consistent card rhythm. */
.inner-page--blog .inner-hero{min-height:clamp(400px,34vw,500px);padding-top:140px;padding-bottom:48px}
.inner-page--blog .post-grid{box-sizing:border-box;width:min(1240px,100%);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(16px,2vw,26px);padding:clamp(32px,4vw,54px) 28px 38px}
.inner-page--blog .post-card{min-width:0;padding:0 0 24px;border-top:0;border-bottom:1px solid rgba(65,42,24,.17);background:transparent;box-shadow:none}
.inner-page--blog .post-card:hover{transform:translateY(-4px);box-shadow:none;border-color:var(--leaf)}
.inner-page--blog .post-card>.eyebrow,.inner-page--blog .post-card>h2,.inner-page--blog .post-card>p:not(.eyebrow),.inner-page--blog .post-card>.leaf-button{margin-left:0;margin-right:0}
.inner-page--blog .post-image{width:100%;height:auto;aspect-ratio:16/10;margin:0 0 17px;border-radius:3px;overflow:hidden}
.inner-page--blog .post-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.inner-page--blog .post-image::after{display:none}
.inner-page--blog .post-card .eyebrow{font-size:11px;letter-spacing:.1em;color:#778451}
.inner-page--blog .post-card h2{font-size:clamp(19px,1.7vw,24px);line-height:1.24;margin:0 0 10px}
.inner-page--blog .post-card>p:not(.eyebrow){font-size:14px;line-height:1.65;margin:0 0 17px}
.inner-page--blog .post-card .leaf-button{margin-top:auto}
.inner-page--blog .blog-pagination{padding:0 24px clamp(28px,3.5vw,44px)}

/* Science illustrations become a deliberate two-panel research plate inside the section surface. */
.inner-page--the-science .science-figure-pair{box-sizing:border-box;width:min(1120px,100%);max-width:none;grid-template-columns:minmax(190px,.72fr) minmax(0,1.28fr);gap:clamp(18px,2.5vw,34px);align-items:stretch;margin:34px auto 0;padding:clamp(18px,2.5vw,30px);background:rgba(255,253,248,.08);border-top:1px solid rgba(238,180,112,.65);border-bottom:1px solid rgba(238,180,112,.22)}
.inner-page--the-science .science-figure{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:16px;background:rgba(255,253,248,.045)}
.inner-page--the-science .science-figure--compound img{width:min(100%,270px);max-height:230px;padding:10px;background:#fffdf8;object-fit:contain}
.inner-page--the-science .science-figure--graph img{width:100%;height:clamp(220px,24vw,330px);max-height:none;padding:12px;background:#fffdf8;object-fit:contain}
.inner-page--the-science .science-figure figcaption{font-size:12px;font-weight:600;letter-spacing:.025em;line-height:1.45}
.inner-page--the-science .science-figure--wide{box-sizing:border-box;width:100%;max-width:none;margin:28px auto;padding:clamp(14px,2.2vw,26px);background:rgba(255,253,248,.94);border-left:4px solid #c9824c;color:#321b0d}
.inner-page--the-science .science-figure--wide img{width:100%;height:clamp(260px,34vw,450px);max-height:none;object-fit:contain;background:#fffdf8}
.inner-page--the-science .science-caption-list{gap:0;border-top:1px solid rgba(65,42,24,.16)}
.inner-page--the-science .science-caption-list span{padding:11px 8px 0;font-size:11px;letter-spacing:.02em}

/* Contact: information and the original working form share a balanced two-column panel. */
.inner-page--contact .editorial-content{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:0;background:#eee3d2}
.inner-page--contact .source-contact-form{box-sizing:border-box;width:100%;max-width:none;margin:0;display:grid;grid-template-columns:minmax(260px,.76fr) minmax(0,1.24fr);gap:clamp(24px,5vw,70px);align-items:stretch;padding:clamp(42px,6vw,76px) max(28px,calc((100vw - 1120px)/2));background:#eee3d2}
.inner-page--contact .contact-info{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:420px;padding:clamp(28px,3.5vw,48px);background:#321b0d;color:#f8f1e6}
.inner-page--contact .contact-info::after{content:"";position:absolute;z-index:-1;width:280px;height:280px;right:-130px;bottom:-140px;border:1px solid rgba(180,197,142,.45);border-radius:50%;box-shadow:0 0 0 24px rgba(180,197,142,.04),0 0 0 48px rgba(180,197,142,.035)}
.inner-page--contact .contact-info .eyebrow{margin:0 0 12px;color:#b4c58e;font-size:11px;font-weight:700;letter-spacing:.16em}
.inner-page--contact .contact-info h2{margin:0 0 18px;font-size:clamp(29px,3vw,40px);line-height:1.12}
.inner-page--contact .contact-preorder-note{max-width:300px;margin:0 0 24px;color:rgba(248,241,230,.82);font-size:15px;line-height:1.65}
.inner-page--contact .contact-address{margin:0 0 28px;color:#f8f1e6;font-size:14px;font-style:normal;line-height:1.75}
.inner-page--contact .contact-form-panel{display:flex;align-items:center;padding:clamp(24px,3.4vw,44px);background:#f8f1e6}
.inner-page--contact .contact-form{width:100%;max-width:none;margin:0;gap:20px 22px}
.inner-page--contact .contact-form input,.inner-page--contact .contact-form textarea{background:#fffdf8;border-color:rgba(65,42,24,.22)}
.inner-page--contact .contact-form textarea{min-height:145px}

/* Pages end directly at the footer; section padding remains internal to the section surface. */
.inner-page .editorial-content{padding-bottom:0!important}
.inner-page--blog main>.post-grid{padding-bottom:28px}
.inner-page--blog main>.blog-pagination{padding-bottom:0}
.inner-page--article main>.article-content{padding-bottom:0}
.inner-page .editorial-content>.editorial-section:last-child,.inner-page .editorial-content>.team-strip:last-child,.inner-page .editorial-content>.source-contact-form:last-child{margin-bottom:0;border-bottom:0}
.inner-page--contact .source-contact-form{margin-bottom:0}

@media(max-width:980px){
 .inner-page--blog .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .inner-page--contact .source-contact-form{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:24px;padding-inline:28px}
}
@media(max-width:800px){
 .inner-page--positive-impact .editorial-section--has-image{left:auto;width:100%;margin:0;grid-template-columns:1fr;min-height:0;padding:clamp(270px,70vw,370px) 24px 38px}
 .inner-page--positive-impact .editorial-section--has-image .editorial-media{background-size:auto clamp(270px,70vw,370px);background-position:center top}
 .inner-page--positive-impact .editorial-section--has-image::after,.inner-page--positive-impact .editorial-section--image-right::after{background:linear-gradient(180deg,rgba(247,242,232,0) 0%,rgba(247,242,232,.14) 26%,#f7f2e8 94%)}
 .inner-page--positive-impact .editorial-section--has-image .editorial-copy,.inner-page--positive-impact .editorial-section--image-right .editorial-copy{grid-column:1;width:100%;max-width:640px;margin:0 auto}
 .inner-page--positive-impact .editorial-section--has-image .editorial-copy h2{font-size:clamp(24px,6vw,32px)}
 .inner-page--positive-impact .editorial-section--has-image .editorial-copy>p{font-size:14px}
 .inner-page--blog .inner-hero{min-height:390px;padding-top:116px}
 .inner-page--blog .post-grid{grid-template-columns:1fr 1fr;padding-inline:20px}
 .inner-page--the-science .science-figure-pair{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);padding:14px;gap:12px}
 .inner-page--the-science .science-figure{padding:10px}
 .inner-page--the-science .science-figure--graph img{height:240px}
 .inner-page--the-science .science-figure--wide img{height:clamp(230px,52vw,360px)}
 .inner-page--contact .source-contact-form{grid-template-columns:1fr;padding:32px 22px;gap:18px}
 .inner-page--contact .contact-info{min-height:0;padding:30px}
 .inner-page--contact .contact-form-panel{padding:24px}
}
@media(max-width:560px){
 .inner-page--blog .post-grid{grid-template-columns:1fr;padding-inline:20px}
 .inner-page--the-science .science-figure-pair{grid-template-columns:1fr}
 .inner-page--the-science .science-figure--compound img{max-height:190px}
 .inner-page--the-science .science-figure--graph img{height:210px}
 .inner-page--the-science .science-caption-list{grid-template-columns:1fr}
 .inner-page--contact .contact-form{grid-template-columns:1fr}
 .inner-page--contact .contact-form .full{grid-column:1}
}

/* 2026-11-06: science image/text columns, balanced Why sections, six-post pages, product-free banners. */
.inner-page .inner-hero-product{display:none!important}
.inner-page--product .inner-hero{--inner-image:url("/assets/images/science-cocoa-lab.png")}
.inner-page--the-science .inner-hero{--inner-image:url("/assets/images/science-cocoa-lab.png")}
.inner-page--why-coco-paste .inner-hero{--inner-image:url("/assets/images/forest.jpg")}
.inner-page--article .inner-hero{--inner-image:url("/assets/images/forest.jpg")}
.inner-page--product .inner-hero-image,
.inner-page--the-science .inner-hero-image,
.inner-page--why-coco-paste .inner-hero-image{background-size:cover!important;background-position:center!important;opacity:.44;mask-image:linear-gradient(90deg,rgba(0,0,0,.18),#000 42%,#000)!important}

/* Science figures sit in a dedicated half-width column, alternating around the copy. */
.inner-page--the-science .editorial-section:has(.science-section-media){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:center}
.inner-page--the-science .science-section-media{grid-column:2;grid-row:1;min-width:0;width:100%;display:flex;align-items:center}
.inner-page--the-science .science-section-media>.science-figure{box-sizing:border-box;width:100%;max-width:none;margin:0}
.inner-page--the-science .editorial-section--image-left .science-section-media{grid-column:1}
.inner-page--the-science .editorial-section--image-left .editorial-copy{grid-column:2;max-width:none}
.inner-page--the-science .editorial-section--image-right .editorial-copy{grid-column:1;max-width:none}
.inner-page--the-science .science-section-media .science-figure--wide{width:100%;margin:0;padding:clamp(12px,1.5vw,22px)}
.inner-page--the-science .science-section-media .science-figure--wide img{height:clamp(250px,28vw,410px);max-height:none}
.inner-page--the-science .science-section-media .science-caption-list{grid-template-columns:1fr;gap:0}
.inner-page--the-science .science-section-media .science-caption-list span{padding:8px 4px 0}
.inner-page--the-science .science-section-media .science-figure-pair{width:100%;max-width:none;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(10px,1.5vw,20px);margin:0;padding:clamp(12px,1.5vw,22px)}
.inner-page--the-science .science-section-media .science-figure-pair .science-figure{padding:8px}
.inner-page--the-science .science-section-media .science-figure-pair .science-figure--graph img{height:clamp(190px,22vw,310px)}

/* Why Coco Paste: true 50/50 photography and colour panels; copy is centered inside the colour half. */
.inner-page--why-coco-paste .editorial-content{width:100%;max-width:none;margin:0;padding:0}
.inner-page--why-coco-paste .editorial-section--has-image{box-sizing:border-box;position:relative;left:50%;width:100vw!important;max-width:none;margin:0 0 0 -50vw!important;padding:0;min-height:clamp(520px,48vw,740px);display:flex!important;align-items:stretch;gap:0;overflow:hidden}
.inner-page--why-coco-paste .editorial-section--1{background:#321b0d}
.inner-page--why-coco-paste .editorial-section--2{background:#eee3d2}
.inner-page--why-coco-paste .editorial-section--has-image::after{display:none!important}
.inner-page--why-coco-paste .editorial-section--has-image .editorial-media{position:relative;inset:auto;left:auto!important;right:auto!important;transform:none!important;display:block;flex:0 0 50%!important;width:50%!important;height:auto;min-height:0;align-self:stretch;margin:0;background-image:var(--editorial-image)!important;background-repeat:no-repeat!important;background-size:cover!important;overflow:hidden}
.inner-page--why-coco-paste .editorial-section--image-left .editorial-media{order:0;background-position:center!important}
.inner-page--why-coco-paste .editorial-section--image-left .editorial-copy{order:1}
.inner-page--why-coco-paste .editorial-section--image-right .editorial-copy{order:0}
.inner-page--why-coco-paste .editorial-section--image-right .editorial-media{order:1;background-position:center!important}
.inner-page--why-coco-paste .editorial-section--has-image .editorial-copy{box-sizing:border-box;flex:0 0 50%!important;width:50%!important;max-width:none;margin:0;padding:clamp(34px,5.5vw,86px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.inner-page--why-coco-paste .editorial-section--1 .editorial-copy{color:#f8f1e6}
.inner-page--why-coco-paste .editorial-section--1 .editorial-copy h2,.inner-page--why-coco-paste .editorial-section--1 .editorial-copy p{color:#f8f1e6}
.inner-page--why-coco-paste .editorial-section--2 .editorial-copy{color:#321b0d}
.inner-page--why-coco-paste .editorial-section--2 .editorial-copy h2,.inner-page--why-coco-paste .editorial-section--2 .editorial-copy p{color:#321b0d}
.inner-page--why-coco-paste .editorial-section--has-image .editorial-copy h2{max-width:620px;margin:0 auto 18px}
.inner-page--why-coco-paste .editorial-section--has-image .editorial-copy>p{max-width:640px;margin:0 auto 16px;line-height:1.75}

/* Six article cards per archive page; retain a clear gap after pagination before the footer. */
.inner-page--blog main>.post-grid{padding-bottom:0}
.inner-page--blog main>.blog-pagination{padding:0 24px clamp(48px,6vw,78px)}

@media(max-width:800px){
 .inner-page--the-science .editorial-section:has(.science-section-media){grid-template-columns:minmax(0,1fr);gap:24px;padding:38px 22px}
 .inner-page--the-science .science-section-media,.inner-page--the-science .editorial-section--image-left .science-section-media,.inner-page--the-science .editorial-section--image-right .science-section-media{grid-column:1;grid-row:1;order:1}
 .inner-page--the-science .editorial-section--image-left .editorial-copy,.inner-page--the-science .editorial-section--image-right .editorial-copy{grid-column:1;grid-row:2;order:2}
 .inner-page--the-science .science-section-media .science-figure--wide img{height:clamp(230px,56vw,360px)}
 .inner-page--the-science .science-section-media .science-figure-pair{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
 .inner-page--why-coco-paste .editorial-section--has-image{left:auto;width:100%!important;margin:0!important;min-height:0;flex-direction:column}
 .inner-page--why-coco-paste .editorial-section--has-image .editorial-media{order:0!important;flex:none!important;width:100%!important;height:clamp(270px,68vw,410px);min-height:0;background-size:cover!important}
 .inner-page--why-coco-paste .editorial-section--has-image .editorial-copy{order:1!important;flex:none!important;width:100%!important;padding:36px 24px 44px}
 .inner-page--blog main>.blog-pagination{padding-bottom:48px}
}
@media(max-width:560px){
 .inner-page--the-science .science-section-media .science-figure-pair{grid-template-columns:1fr}
}

/* Keep the Why page text panels opaque so the copy stays readable over legacy section layers. */
.inner-page--why-coco-paste .editorial-section--1 .editorial-copy{background:#321b0d!important;color:#f8f1e6!important}
.inner-page--why-coco-paste .editorial-section--2 .editorial-copy{background:#eee3d2!important;color:#321b0d!important}
.inner-page--why-coco-paste .editorial-section--1 .editorial-copy h2,.inner-page--why-coco-paste .editorial-section--1 .editorial-copy p{color:#f8f1e6!important}
.inner-page--why-coco-paste .editorial-section--2 .editorial-copy h2,.inner-page--why-coco-paste .editorial-section--2 .editorial-copy p{color:#321b0d!important}


/* Restored per-section media layers for the imported CMS page bodies. */
.inner-page--the-science .editorial-section--1{--editorial-image:url("/assets/images/science-graph1-original.png")}
.inner-page--the-science .editorial-section--2{--editorial-image:url("/assets/images/science-theobromine-original.png")}
.inner-page--the-science .editorial-section--3{--editorial-image:url("/assets/images/science-enamel-care.png")}
.inner-page--why-coco-paste .editorial-section--3{--editorial-image:url("/assets/images/cocoa-science-editorial.png")}
.inner-page--about-us .editorial-section--1{--editorial-image:url("/assets/images/about-family-brushing.png")}
.inner-page--about-us .editorial-section--2{--editorial-image:url("/assets/images/team/team-mohammadmehdi.png")}
.inner-page--about-us .editorial-section--3{--editorial-image:url("/assets/images/team/team-golnaz.jpg")}
.inner-page--contact .editorial-section--1{--editorial-image:url("/assets/images/contact-office-editorial.png")}
.inner-page--about-us .editorial-content,.inner-page--contact .editorial-content{width:100%;max-width:none;margin:0;padding:0;background:#f7f2e8}
.inner-page--about-us .editorial-section--has-image,.inner-page--contact .editorial-section--has-image{box-sizing:border-box;position:relative;left:50%;width:100vw;max-width:none;margin:0 0 0 -50vw;padding:clamp(40px,5vw,72px) max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:clamp(360px,34vw,500px);isolation:isolate;overflow:hidden;border:0;background:#f7f2e8}
.inner-page--about-us .editorial-section--has-image .editorial-media,.inner-page--contact .editorial-section--has-image .editorial-media{position:absolute;inset:0;z-index:0;width:auto;height:auto;min-height:0;margin:0;background-image:linear-gradient(90deg,rgba(247,242,232,0) 0%,rgba(247,242,232,.12) 25%,rgba(247,242,232,.86) 53%,#f7f2e8 69%),var(--editorial-image);background-size:100% 100%,auto 100%;background-position:center,left center;background-repeat:no-repeat}
.inner-page--about-us .editorial-section--has-image .editorial-copy,.inner-page--contact .editorial-section--has-image .editorial-copy{position:relative;z-index:1;grid-column:2;width:100%;max-width:560px;margin:0 0 0 auto}
.inner-page--about-us .editorial-section--image-right .editorial-media,.inner-page--contact .editorial-section--image-right .editorial-media{background-image:linear-gradient(90deg,#f7f2e8 0%,rgba(247,242,232,.86) 31%,rgba(247,242,232,.12) 72%,rgba(247,242,232,0) 100%),var(--editorial-image);background-position:center,right center}
.inner-page--about-us .editorial-section--image-right .editorial-copy,.inner-page--contact .editorial-section--image-right .editorial-copy{grid-column:1;margin:0 auto 0 0}
.inner-page--about-us .editorial-section--2 .editorial-media,.inner-page--about-us .editorial-section--3 .editorial-media{background-size:100% 100%,auto 88%;background-position:center,left center}
.inner-page--about-us .editorial-section--has-image .editorial-copy h2,.inner-page--contact .editorial-section--has-image .editorial-copy h2{font-size:clamp(25px,2.7vw,38px)}
.inner-page--about-us .editorial-section--has-image .editorial-copy p,.inner-page--contact .editorial-section--has-image .editorial-copy p{font-size:15px;line-height:1.75}
.inner-page--contact .editorial-section--has-image{min-height:clamp(280px,26vw,390px)}
@media(max-width:800px){
 .inner-page--about-us .editorial-section--has-image,.inner-page--contact .editorial-section--has-image{left:auto;width:100%;margin:0;grid-template-columns:1fr;min-height:0;padding:clamp(260px,64vw,360px) 24px 42px}
 .inner-page--about-us .editorial-section--has-image .editorial-media,.inner-page--contact .editorial-section--has-image .editorial-media{background-size:100% 100%,auto clamp(260px,64vw,360px);background-position:center,top center}
 .inner-page--about-us .editorial-section--has-image .editorial-copy,.inner-page--contact .editorial-section--has-image .editorial-copy,.inner-page--about-us .editorial-section--image-right .editorial-copy,.inner-page--contact .editorial-section--image-right .editorial-copy{grid-column:1;width:100%;max-width:640px;margin:0 auto}
}

/* Shared editorial rhythm: use Product's full-bleed 50/50 split on image sections. */
.inner-page:not(.inner-page--blog):not(.inner-page--article) .editorial-content{
 width:100%;max-width:none;margin:0;padding:0!important
}
.inner-page:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image{
 box-sizing:border-box;position:relative;left:50%;width:100vw!important;max-width:none!important;margin:0 0 0 -50vw!important;
 min-height:clamp(470px,42vw,620px);padding:0!important;display:flex!important;align-items:stretch;gap:0;isolation:isolate;overflow:hidden;border:0;
 background:#eee3d2
}
.inner-page:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--2{background:#321b0d}
.inner-page:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--3{background:#eee3d2}
.inner-page:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--4{background:#321b0d}
.inner-page:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--5{background:#eee3d2}
.inner-page:not(.inner-page--blog):not(.inner-page--article) .editorial-section--has-image::before,
.inner-page:not(.inner-page--blog):not(.inner-page--article) .editorial-section--has-image::after{display:none!important}
.inner-page:not(.inner-page--blog):not(.inner-page--article) .editorial-section--has-image .editorial-media{
 position:relative!important;inset:auto!important;left:auto!important;right:auto!important;transform:none!important;z-index:0;
 display:block;flex:0 0 50vw!important;width:50vw!important;height:auto;min-height:0;align-self:stretch;margin:0;overflow:hidden;
 background-image:var(--editorial-image,none)!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important
}
.inner-page:not(.inner-page--blog):not(.inner-page--article) .editorial-section--image-left .editorial-media{order:0;background-position:left center!important}
.inner-page:not(.inner-page--blog):not(.inner-page--article) .editorial-section--image-right .editorial-media{order:1;background-position:right center!important}
.inner-page:not(.inner-page--blog):not(.inner-page--article) .editorial-section--has-image .editorial-copy{
 position:relative!important;inset:auto!important;transform:none!important;z-index:1;display:flex;flex:0 0 50vw!important;width:50vw!important;max-width:none;margin:0;
 padding:clamp(34px,5.5vw,88px);box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#321b0d
}
.inner-page:not(.inner-page--blog):not(.inner-page--article) .editorial-section--image-left .editorial-copy{order:1}
.inner-page:not(.inner-page--blog):not(.inner-page--article) .editorial-section--image-right .editorial-copy{order:0}
.inner-page:not(.inner-page--blog):not(.inner-page--article) .editorial-section--has-image .editorial-copy h2,
.inner-page:not(.inner-page--blog):not(.inner-page--article) .editorial-section--has-image .editorial-copy p{color:inherit}
.inner-page:not(.inner-page--blog):not(.inner-page--article) .editorial-section--has-image.editorial-section--2 .editorial-copy{color:#f8f1e6}
.inner-page:not(.inner-page--blog):not(.inner-page--article) .editorial-section--has-image.editorial-section--4 .editorial-copy{color:#f8f1e6}
.inner-page--why-coco-paste .editorial-section--has-image.editorial-section--2 .editorial-copy{color:#321b0d!important}
.inner-page--why-coco-paste .editorial-section--has-image.editorial-section--2 .editorial-copy h2,
.inner-page--why-coco-paste .editorial-section--has-image.editorial-section--2 .editorial-copy p{color:#321b0d!important}

/* Match the Home closing story to Product's full-bleed, balanced media/copy split. */
.home-overview{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:0;min-height:620px;padding:0}
.home-overview-copy{max-width:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(36px,5.5vw,88px)}
.home-overview>img{box-sizing:border-box;width:100%;height:100%;min-height:620px;object-fit:cover;object-position:center;border-radius:0}

/* Keep the About portraits fully visible and blend their white photo backdrop into the section. */
.inner-page--about-us .editorial-section--2 .editorial-media,
.inner-page--about-us .editorial-section--3 .editorial-media{
 background-size:auto 92%!important;background-position:center!important;background-color:#eee3d2!important;background-blend-mode:multiply
}
.inner-page--about-us:not(.inner-page--blog):not(.inner-page--article) .editorial-section--2 .editorial-media,
.inner-page--about-us:not(.inner-page--blog):not(.inner-page--article) .editorial-section--3 .editorial-media{
 background-size:auto 92%!important;background-position:center!important;background-color:#eee3d2!important;background-blend-mode:multiply
}
.inner-page--positive-impact .editorial-section--3{--editorial-image:url("/assets/images/impact-cacao-community.png")}

@media(max-width:800px){
 .inner-page:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image{
  left:auto;width:100%!important;max-width:none!important;margin:0!important;min-height:0;flex-direction:column
 }
 .inner-page:not(.inner-page--blog):not(.inner-page--article) .editorial-section--has-image .editorial-media{
  flex:none!important;width:100%!important;height:clamp(260px,68vw,390px);min-height:0;background-size:cover!important;background-position:center!important
 }
 .inner-page:not(.inner-page--blog):not(.inner-page--article) .editorial-section--has-image .editorial-copy{
  flex:none!important;width:100%!important;padding:34px 24px 42px
 }
 .home-overview{grid-template-columns:1fr;min-height:0}
 .home-overview-copy{padding:38px 24px 42px}
 .home-overview>img{height:260px;min-height:260px}
}

/* Breadcrumb bar uses the site's cocoa brown with light, readable labels. */
.breadcrumbs{background:#321b0d!important;color:#f8f1e6!important}
.breadcrumbs a{color:#f8f1e6!important}
.breadcrumbs a:hover{color:#d9a849!important}
.breadcrumbs>span[aria-hidden=true]{color:#e8ad38!important}
.breadcrumbs:hover{background:#402413!important}

/* Final high-specificity overrides for the 2026-11-06 page refinements. */
body.inner-page--the-science:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--1 .editorial-media{
 background-image:var(--editorial-image)!important;background-color:#eee3d2!important;background-blend-mode:multiply!important;background-repeat:no-repeat!important;background-position:center!important;background-size:auto 82%!important
}
body.inner-page--why-coco-paste:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--1,
body.inner-page--why-coco-paste:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--1 .editorial-copy{background:#eee3d2!important}
body.inner-page--why-coco-paste:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--2,
body.inner-page--why-coco-paste:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--2 .editorial-copy{background:#321b0d!important}
body.inner-page--why-coco-paste:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--3,
body.inner-page--why-coco-paste:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--3 .editorial-copy{background:#eee3d2!important}
body.inner-page--about-us:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--2 .editorial-media{background-image:var(--editorial-image)!important;background-color:#321b0d!important;background-blend-mode:normal!important;background-repeat:no-repeat!important;background-position:center!important;background-size:auto 82%!important}
body.inner-page--about-us:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--3 .editorial-media{background-color:#eee3d2!important;background-repeat:no-repeat!important;background-position:center!important;background-size:100% 100%,auto 82%!important;background-blend-mode:multiply!important}
/* Keep About team portraits at a deliberate, fully visible scale inside the section background. */
body.inner-page--about-us:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--2 .editorial-media{
 background-image:var(--editorial-image)!important;background-color:#321b0d!important;background-blend-mode:normal!important;background-repeat:no-repeat!important;background-position:right center!important;background-size:min(390px,38vw) auto!important
}
body.inner-page--about-us:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--3 .editorial-media{
 background-image:linear-gradient(90deg,rgba(238,227,210,0) 0%,rgba(238,227,210,.10) 28%,rgba(238,227,210,.82) 52%,#eee3d2 68%),var(--editorial-image)!important;background-color:#eee3d2!important;background-repeat:no-repeat!important;background-position:center,left center!important;background-size:100% 100%,min(390px,38vw) auto!important;background-blend-mode:normal,multiply!important
}
/* Align the two About portraits within their own half of the full-bleed sections. */
body.inner-page--about-us:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--2 .editorial-media{
 background-position:center center!important;background-size:min(390px,38vw) auto!important
}
body.inner-page--about-us:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--3 .editorial-media{
 background-image:linear-gradient(90deg,rgba(238,227,210,0) 0%,rgba(238,227,210,.03) 62%,rgba(238,227,210,.22) 82%,rgba(238,227,210,.78) 96%,#eee3d2 100%),var(--editorial-image)!important;
 background-position:center,center center!important;background-size:100% 100%,min(390px,38vw) auto!important;background-blend-mode:normal,multiply!important
}
@media(max-width:800px){
 body.inner-page--about-us:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--2 .editorial-media{
  background-position:center top!important;background-size:min(300px,70vw) auto!important
 }
 body.inner-page--about-us:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--3 .editorial-media{
  background-position:center,50% top!important;background-size:100% 100%,min(300px,70vw) auto!important
 }
}
.inner-page--blog main>.blog-pagination{padding-top:clamp(32px,4vw,52px)!important;padding-bottom:clamp(32px,4vw,52px)!important}
body.inner-page--why-coco-paste:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--1 .editorial-copy,
body.inner-page--why-coco-paste:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--1 .editorial-copy h2,
body.inner-page--why-coco-paste:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--1 .editorial-copy p,
body.inner-page--why-coco-paste:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--3 .editorial-copy,
body.inner-page--why-coco-paste:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--3 .editorial-copy h2,
body.inner-page--why-coco-paste:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--3 .editorial-copy p{color:#321b0d!important}
body.inner-page--why-coco-paste:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--2 .editorial-copy,
body.inner-page--why-coco-paste:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--2 .editorial-copy h2,
body.inner-page--why-coco-paste:not(.inner-page--blog):not(.inner-page--article) .editorial-content>.editorial-section--has-image.editorial-section--2 .editorial-copy p{color:#f8f1e6!important}