@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/cormorant-garamond-400.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;src:url('/assets/fonts/cormorant-garamond-400-italic.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/cormorant-garamond-500.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/cormorant-garamond-600.woff2') format('woff2')}
:root{--green:#163f32;--deep:#173e32;--paper:#f7f7f1;--lime:#d6eb84;--muted:#627068;--line:#d8ded6;--serif:'Cormorant Garamond',Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--green);font-family:Arial,Helvetica,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #719328;outline-offset:5px}img{max-width:100%;display:block}header{height:108px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #e6e9e2}.brand{width:253px;flex-shrink:0}.brand img{width:100%;height:65px;object-fit:contain}nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}nav>a:not(.nav-contact){padding:18px 0}nav>a:hover{color:#637c36}summary{cursor:pointer;list-style:none;padding:20px 0}summary::-webkit-details-marker{display:none}summary{display:flex;align-items:center;gap:8px}.menu-chevron{width:14px;height:14px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}details[open] .menu-chevron{transform:rotate(180deg)}details{position:relative}details>div{position:absolute;background:#fff;top:55px;left:-20px;padding:15px;box-shadow:0 15px 45px #12302422;width:230px;border:1px solid var(--line)}details>div a{display:block;padding:12px 8px}details>div a:hover{background:var(--paper)}.language>div{width:120px}.language .lang-current{display:block;padding:12px 8px;color:#aeb6aa;cursor:default;pointer-events:none;font-weight:600}.footer-bottom .lang-current{color:#aeb6aa;cursor:default;font-weight:600}.nav-accent{color:#6f8b2e;font-weight:700}.nav-portugal .pt-name{color:#1a1a1a}.nav-portugal .pt-por{color:#1d7a3e;font-weight:700}.nav-portugal .pt-tugal{color:#d62828;font-weight:700}.nav-portugal:hover .pt-name{color:#1a1a1a}.hero-badge{display:inline-block;font-size:12px;letter-spacing:.06em;font-weight:600;color:#dbe6db;border:1px solid #ffffff33;border-radius:30px;padding:9px 16px;margin:0 0 26px}.nav-contact{border:1px solid var(--green);padding:15px 19px;border-radius:30px;display:flex;gap:24px;align-items:center}.nav-contact:hover{background:var(--green);color:#fff}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:51% 49%;background:var(--deep);color:var(--paper);min-height:690px}.hero-copy{padding:60px 7% 25px 8.8%;display:flex;align-items:flex-start;flex-direction:column}.eyebrow,.section-label{font-size:12px;letter-spacing:1.6px;font-weight:600;line-height:1.6}.eyebrow{color:var(--lime);display:flex;align-items:center;gap:12px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-.5px}h1{font-size:clamp(62px,5.7vw,92px);line-height:.9;margin:38px 0 26px}em{font-weight:400;color:var(--lime)}.hero p{font-size:17px;line-height:1.7;color:#d7e1d7;margin-bottom:30px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;border-radius:35px;padding:19px 25px;font-size:14px;font-weight:600;border:0;cursor:pointer;transition:transform .2s,background .2s}.button span{font-size:22px;font-weight:400;line-height:1}.lime{background:var(--lime);color:var(--green)}.button:hover{transform:translateY(-3px);background:#e7f5ad}.hero-origin{border-top:1px solid #ffffff29;width:100%;margin-top:49px;padding-top:23px;display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:1.2px;line-height:1.6;color:#c2d4c7}.hero-origin span{max-width:180px;text-align:right}.hero-image{position:relative;overflow:hidden}.hero-image>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:51% center}.hero-image:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#08241499);pointer-events:none}.image-caption{position:absolute;z-index:1;bottom:34px;left:35px;right:35px;display:flex;align-items:center;justify-content:space-between;font-size:15px;line-height:1.7}.image-caption b{font-weight:400}.image-caption a{border:1px solid #fff9;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:22px}.intro-strip{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:26px 4.5%;border-bottom:1px solid var(--line);font-size:14px}.intro-strip>span:before{content:'+';margin-right:15px;color:#81913f}.intro-strip a{font-size:13px;text-decoration:underline;text-underline-offset:5px}.section{padding:100px 6%}.about{display:grid;grid-template-columns:25% 75%;background:#fff}.about>.section-label{padding-top:11px}h2{font-size:clamp(41px,4.3vw,62px);line-height:1.14;margin-bottom:35px}.about h2 span{color:#82927e}.about-bottom{display:grid;grid-template-columns:1fr 1fr;gap:55px}.about p{font-size:16px;line-height:1.85;color:#5d6b61}.text-link{display:inline-flex;align-items:center;gap:40px;padding:10px 0;border-bottom:1px solid var(--green);font-size:14px;font-weight:600}.text-link:hover{color:#728934}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:43px;gap:20px}.section-heading h2{margin:20px 0 0}.ingredients em{color:#73864b}.ingredient-list>.ingredient-card{display:flex;align-items:center;padding:24px 4px;border-top:1px solid #cbd3c4;gap:40px;transition:padding .25s,background .25s}.ingredient-list>.ingredient-card:last-child{border-bottom:1px solid #cbd3c4}.ingredient-list>.ingredient-card:hover{padding-left:25px;padding-right:25px;background:#e9eddf}.number{font-size:12px;color:#778575}.ingredient-list h3{font:500 46px var(--serif);letter-spacing:-.3px;margin:0}.category{margin-left:auto;font-size:11px;letter-spacing:1.6px;color:#6a7868}.circle{display:grid;place-items:center;border:1px solid #a9b69c;border-radius:50%;width:49px;height:49px;font-size:25px}.quality{display:grid;grid-template-columns:46% 54%;background:#e7eddf}.process-image{position:relative;min-height:680px;overflow:hidden}.process-image img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:47% center}.process-image span{position:absolute;bottom:28px;left:26px;color:white;font-size:11px;letter-spacing:1.5px;background:#163f32de;padding:13px}.quality-copy{padding:70px 11%}.quality-copy h2{font-size:46px;margin:24px 0}.quality-copy em{color:#748153}.quality-copy p{font-size:15px;line-height:1.85;color:#56664f}.process-links{margin:25px 0}.process-links a{padding:19px 0;border-top:1px solid #b8c4ab;display:flex;align-items:center;gap:20px;font-size:18px}.process-links a:last-child{border-bottom:1px solid #b8c4ab}.process-links span{font-size:11px;color:#7b886d}.process-links b{margin-left:auto;font-size:22px;font-weight:400}.quality-copy .small-copy{font-size:13px}.certifications{background:#fff}.cert-intro{display:flex;align-items:center;justify-content:space-between;gap:25px}.cert-intro h2{font-size:36px;margin:0;letter-spacing:-1px}.cert-grid{display:flex;align-items:center;justify-content:space-between;gap:27px;flex-wrap:wrap;margin-top:45px;padding-top:30px;border-top:1px solid var(--line)}.cert-grid img{width:78px;height:78px;object-fit:contain}.contact{background:var(--deep);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:80px;padding-bottom:85px}.contact .section-label{color:var(--lime)}.contact h2{font-size:60px;margin:30px 0}.contact p{font-size:16px;color:#c0d0c1}.phone{display:inline-block;font-size:18px;margin-top:12px}.contact form{padding-top:23px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}label{font-size:13px;display:block;color:#d6e3d5;margin-bottom:26px}input,textarea{border:0;border-bottom:1px solid #8ca091;background:transparent;display:block;width:100%;padding:12px 0;color:white;border-radius:0;outline:none;resize:vertical}input:focus,textarea:focus{border-color:var(--lime)}form .button{margin-top:3px}#form-status{margin-top:17px;line-height:1.5;font-size:14px}footer{background:#fff;padding:60px 6% 24px;font-size:13px;color:#627063}.footer-main{display:grid;grid-template-columns:1fr 1.6fr 0.9fr 0.9fr;gap:35px}.footer-brand img{width:240px;object-fit:contain;height:auto}.footer-brand p{line-height:1.8;margin-top:25px}.footer-main h3{font:600 13px Arial,sans-serif;color:var(--green);margin:10px 0 24px}.footer-main p{font-size:13px;line-height:1.9}.footer-main b{font-weight:600;color:var(--green)}.footer-main>div>a:not(:first-child){display:block;margin-bottom:13px}.footer-main .back-top{margin-top:35px}
.footer-bcorp{display:inline-block;margin-top:18px;font-size:12px;font-weight:700;letter-spacing:.3px;color:var(--green);border:1px solid var(--line);border-radius:30px;padding:9px 15px;text-decoration:none}
.footer-bcorp:hover{background:var(--paper);border-color:#c3d1bb}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;margin-top:45px;font-size:11px;gap:20px}.footer-bottom a{text-decoration:underline;text-underline-offset:3px}.footer-bottom>span:last-child{display:flex;gap:14px;align-items:center;white-space:nowrap}
.footer-bottom .lang-current,.footer-bottom>span:last-child a{display:inline-flex;align-items:center;line-height:1}.skip{position:fixed;top:-100px;background:#fff;padding:15px;z-index:100}.skip:focus{top:0}@media(max-width:1100px){header{padding:0 4%;height:92px}.brand{width:210px}nav{gap:20px;font-size:13px}.hero{min-height:650px}.hero-copy{padding-top:45px}.hero-origin{font-size:9px}.quality-copy{padding:55px 9%}.cert-intro{flex-wrap:wrap}.cert-grid{gap:20px}.cert-grid img{width:64px;height:64px}.footer-main{gap:25px}.hero-origin{flex-direction:column}.hero-origin span{max-width:none;text-align:left}.category{font-size:10px}.contact h2{font-size:52px}}@media(max-width:800px){header{height:85px}.brand{width:212px}.menu-toggle{display:flex;align-items:center;gap:15px;background:none;border:1px solid var(--line);border-radius:30px;padding:12px 16px;color:var(--green);font-size:14px}nav{display:none;position:absolute;top:85px;left:0;right:0;background:#fff;padding:20px 6%;border-bottom:1px solid var(--line);align-items:stretch;gap:5px}nav.open{display:flex;flex-direction:column}details>div{position:static;box-shadow:none;width:auto;border:0;padding:0 12px}.nav-contact{align-self:flex-start;margin:10px 0}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:44px 6% 25px}.eyebrow{font-size:10px}h1{font-size:clamp(56px,10.5vw,78px);margin:27px 0 22px}.hero p{font-size:16px}.hero-origin{flex-direction:row;width:100%;margin-top:33px;padding-top:18px}.hero-image{min-height:460px}.hero-image img{object-position:center 45%}.image-caption{left:25px;right:25px}.intro-strip{flex-wrap:wrap;padding:24px 6%;gap:17px;font-size:12px}.intro-strip a{width:100%;padding-top:5px}.section{padding:65px 6%}.about{grid-template-columns:1fr;gap:25px}.about-bottom{gap:30px}.about h2{font-size:43px}.section-heading{align-items:flex-start;flex-direction:column;gap:24px}.ingredient-list h3{font-size:37px}.ingredient-list>.ingredient-card{gap:22px;padding:22px 0}.category{display:none}.circle{margin-left:auto;width:43px;height:43px}.quality{grid-template-columns:1fr}.process-image{min-height:400px}.quality-copy{padding:50px 6%}.quality-copy h2{font-size:42px}.cert-intro{display:block}.cert-intro h2{margin:20px 0}.cert-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.cert-grid img{width:65px;height:65px}.contact{grid-template-columns:1fr;gap:25px}.contact h2{font-size:56px}.contact h2 br:nth-child(2){display:none}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-bottom{flex-wrap:wrap;line-height:1.6}.footer-brand img{max-width:220px}.section-label{font-size:11px}}@media(max-width:440px){.hero-origin{font-size:8px;gap:10px}.hero-origin span{max-width:130px;text-align:right}.hero-image{min-height:360px}.about-bottom{grid-template-columns:1fr;gap:0}.about h2{font-size:37px}.form-row{gap:20px}.cert-grid{grid-template-columns:repeat(3,1fr);justify-items:center}.footer-main{grid-template-columns:1fr}.footer-brand img{width:235px}.contact h2{font-size:47px}.quality-copy h2{font-size:37px}.intro-strip span{font-size:11px}.intro-strip>span:before{margin-right:6px}h1{letter-spacing:-2.3px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.ingredient-list>.ingredient-card{display:grid;grid-template-columns:52px minmax(0,1.3fr) minmax(0,1fr) 49px;gap:28px;padding:30px 4px}
.product-icon{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.ingredient-list>.ingredient-card:hover .product-icon{transform:rotate(-6deg)}
.ingredient-list h3{font-size:clamp(28px,2.8vw,42px);line-height:1.15;overflow-wrap:break-word}
.ingredient-list .category{display:block;margin:0;font-size:14px;line-height:1.7;letter-spacing:0;color:#596c56}
@media(max-width:800px){.ingredient-list>.ingredient-card{grid-template-columns:42px minmax(0,1fr) 43px;gap:12px 20px;padding:26px 0}.ingredient-list h3{font-size:32px}.ingredient-list .category{grid-column:2;grid-row:2;font-size:14px}.ingredient-list .circle{grid-column:3;grid-row:1}.product-icon{width:34px;height:34px}.ingredient-list>.ingredient-card:hover{padding-left:0;padding-right:0}}
@media(max-width:440px){.ingredient-list>.ingredient-card{grid-template-columns:32px minmax(0,1fr) 34px;column-gap:12px}.ingredient-list h3{font-size:27px}.ingredient-list .circle{width:34px;height:34px;font-size:20px}.product-icon{width:29px;height:29px}}
/* Interior pages share the approved homepage design tokens. */
.page-hero{display:grid;grid-template-columns:1fr 1fr;min-height:460px;background:var(--deep);color:var(--paper)}
.page-hero-copy{padding:35px 10% 55px 12%;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}
.page-hero h1{font-size:clamp(52px,5.5vw,82px);line-height:1.08;margin:27px 0 28px;overflow-wrap:break-word}
.page-hero .section-label{color:var(--lime)}.page-hero p{font-size:16px;line-height:1.8;color:#d7e1d7;margin:0 0 25px}
.page-hero-image{position:relative;min-height:420px;overflow:hidden}.page-hero-image img{width:100%;height:100%;position:absolute;object-fit:cover}
.breadcrumb{position:static;display:flex;flex-wrap:wrap;background:none;padding:0;margin:0 0 38px;gap:10px;color:#c3d4c6;font-size:12px;font-weight:400;border:0}.breadcrumb a{padding:0!important}.breadcrumb span:last-child{opacity:.8}
/* Sections + table of contents: the toc becomes a sticky column to the
   right of the content, highlighting which section is in view (see the
   scroll-spy IntersectionObserver in app.js) instead of a horizontal list
   above the content. */
.content-with-toc{position:relative}
.editorial-sections{width:100%}
.editorial-sections .editorial-section{padding-left:8%;padding-right:calc(190px + 6% + 40px)}
.editorial-sections .quality-doc{max-width:none;margin:0;padding:52px 0 80px 8%;padding-right:calc(190px + 6% + 40px)}
.quality-doc .quality-kicker{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;font-weight:700;color:#8a9a5b;margin:0 0 12px}
.quality-doc .quality-title{font-family:var(--serif);font-weight:500;font-size:clamp(30px,3.4vw,47px);line-height:1.12;letter-spacing:-.4px;color:var(--green);margin:0 0 20px;max-width:860px}
.quality-doc .quality-intro{font-size:17px;line-height:1.75;color:#45584a;max-width:760px;margin:0 0 4px}
.quality-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:30px 0 38px;max-width:820px}
.quality-logo-case{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;height:92px;box-shadow:0 5px 14px rgba(17,55,43,.03)}
.quality-logo-case img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.q-sprite{position:absolute;width:0;height:0;overflow:hidden}
.ui-icon{display:block;width:22px;height:22px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none}
.q-ico{display:inline-grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#edf5df;color:#5f8a34}
.quality-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 24px;max-width:880px}
.quality-card{border:1px solid var(--line);border-radius:12px;padding:24px 26px;background:#fbfcf9;scroll-margin-top:120px}
.quality-card h3{display:flex;align-items:center;gap:13px;margin:0 0 16px}
.quality-card ul{margin:0;padding:0;list-style:none}
.quality-card li{position:relative;padding-left:24px;margin:9px 0}
.quality-card li:before{content:"";position:absolute;left:0;top:.5em;width:13px;height:9px;border-left:2px solid #69923c;border-bottom:2px solid #69923c;transform:rotate(-45deg);transform-origin:left center}
.quality-note{display:flex;gap:16px;align-items:center;border-left:3px solid var(--lime);background:#f4f7ec;border-radius:0 8px 8px 0;padding:16px 22px;margin:0 0 34px;max-width:760px}
.quality-note .q-ico{flex:0 0 38px;width:38px;height:38px}
.quality-note p{margin:0}
.quality-step{display:grid;grid-template-columns:1.02fr .98fr;gap:50px;align-items:center;margin-top:30px;scroll-margin-top:120px}
.quality-step.reverse .quality-step-copy{order:2}.quality-step.reverse .quality-figure{order:1}
.quality-step-copy{padding:8px 0;max-width:none}
.quality-step-num{display:flex;align-items:center;gap:15px;color:#7a9a45;font-weight:700;font-size:16px;letter-spacing:.04em;margin-bottom:10px}
.quality-step-num:after{content:"";height:1px;width:44px;background:#bcd08a}
.quality-step h3{font-family:var(--serif);font-weight:500;font-size:clamp(25px,2.4vw,31px);line-height:1.15;letter-spacing:-.2px;color:var(--green);margin:0 0 12px}
.quality-step-copy p{color:#56664f;font-size:15px;line-height:1.8;max-width:460px;margin:0 0 12px}
.quality-figure{margin:0;border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.quality-figure img{width:100%;height:100%;max-height:300px;min-height:230px;object-fit:cover;display:block}
.quality-audit{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;background:#e9efdf;border-radius:14px;padding:26px 32px;margin-top:42px;scroll-margin-top:120px}
.quality-audit-main{display:flex;align-items:center;gap:18px}
.quality-audit .q-ico{flex:0 0 46px;width:46px;height:46px}
.quality-audit h3{font-family:var(--serif);font-weight:500;font-size:26px;color:var(--green);margin:0 0 4px}
.quality-audit p{margin:0;color:#56664f;font-size:14px}
.quality-audit .button{white-space:nowrap;gap:18px;padding:15px 22px}
@media(max-width:900px){.quality-logos{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.quality-logos{grid-template-columns:repeat(2,minmax(0,1fr))}.quality-logo-case{height:80px}}
.toc-timeline .page-toc a{position:relative;border-left:0;padding:9px 0 9px 26px}
.toc-timeline .page-toc a:after{content:"";position:absolute;left:5px;top:0;bottom:0;width:1px;background:#d7e2cd}
.toc-timeline .page-toc a:before{content:"";position:absolute;left:0;top:14px;width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid #cdd9c2;box-sizing:border-box;z-index:1;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}
.toc-timeline .page-toc a.active:before{background:#79a942;border-color:#79a942;box-shadow:0 0 0 4px #e6f1d9}
.toc-timeline .page-toc a.active{color:var(--green);font-weight:600}
.toc-timeline .page-toc a:first-child:after{top:14px}
.toc-timeline .page-toc a:last-child:after{bottom:calc(100% - 20px)}
.toc-timeline .page-toc a:hover:before{border-color:#9bb97f}
@media(max-width:800px){.toc-timeline .page-toc a{padding:8px 15px}.toc-timeline .page-toc a:before,.toc-timeline .page-toc a:after{display:none}}
.page-toc-wrap{position:absolute;top:0;right:6%;width:190px;height:100%}
.page-toc{position:sticky;top:150px;margin-top:110px;width:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;font-size:13px;font-weight:400;text-align:left;background:transparent}
.page-toc .toc-label{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#aab6a5;text-transform:uppercase;text-align:left;margin:0 0 14px;padding-left:16px}
.page-toc a{display:flex;align-items:baseline;gap:10px;padding:9px 0 9px 16px;color:#8a978a;line-height:1.4;text-align:left;border-left:2px solid #e3e8dc;transition:color .2s ease,border-color .2s ease}
.page-toc a:hover{color:var(--green);border-left-color:#c3d1bb}
.page-toc .toc-index{font-size:10px;font-weight:700;color:#b7c2b0;flex-shrink:0;min-width:14px;transition:color .2s ease}
.page-toc .toc-title{transition:color .2s ease}
.page-toc a.active{color:var(--green);font-weight:600;border-left-color:var(--lime)}
.page-toc a.active .toc-index{color:var(--green)}
.editorial-section{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start;background:#fff;scroll-margin-top:110px}.editorial-section.reverse{background:var(--paper)}.editorial-section.reverse .editorial-copy{order:2}.editorial-section.reverse figure{order:1}.editorial-section h2{font-size:clamp(30px,3.2vw,47px);margin:20px 0 30px;line-height:1.2}.editorial-section p{line-height:1.9;color:#586b5c;font-size:16px}.editorial-section figure{margin:0;position:sticky;top:145px}.editorial-section figure img{width:100%;max-height:580px;min-height:330px;object-fit:cover}.content-list{padding-left:23px;line-height:1.8;color:#53684f}.content-list li{padding:9px 0}.photo-gallery{background:#e7eddf;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:25px;padding-top:45px;padding-bottom:45px}.photo-gallery img{width:100%;max-height:480px;object-fit:cover}.related{background:#e7eddf}.related>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:28px}.related a{font:500 31px/1.3 var(--serif);padding:25px 0;border-top:1px solid #acb9a1;display:flex;justify-content:space-between;gap:20px}.related a span{font:24px Arial,sans-serif}.form-notice{font-size:13px!important;line-height:1.6;background:#ffffff0d;padding:15px;border-radius:6px}.ingredient-list>.ingredient-card[id]{scroll-margin-top:130px}
:lang(ja){font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif}:lang(ja) h1,:lang(ja) h2,:lang(ja) h3{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:0;line-height:1.5}:lang(ja) h1{font-size:clamp(38px,4.1vw,66px)}:lang(ja) .section-label{letter-spacing:.08em}:lang(ja) .hero-origin{font-size:11px}:lang(ja) p{line-height:2}:lang(de) nav{gap:20px}:lang(de) .hero h1{font-size:clamp(44px,4.7vw,72px)}:lang(de) .contact h2{font-size:50px}
@media(max-width:1100px){header nav{gap:17px;font-size:13px}:lang(de) header nav{gap:13px;font-size:12px}.page-hero-copy{padding-left:10%}.page-hero h1{font-size:54px}}
@media(max-width:950px){header{height:85px}.brand{width:212px}.menu-toggle{display:flex;align-items:center;gap:15px;background:none;border:1px solid var(--line);border-radius:30px;padding:12px 16px;color:var(--green);font-size:14px}header nav{display:none;position:absolute;top:85px;left:0;right:0;background:#fff;padding:20px 6%;border-bottom:1px solid var(--line);align-items:stretch;gap:5px}header nav.open{display:flex;flex-direction:column}header details>div{position:static;box-shadow:none;width:auto;border:0;padding:0 12px}header .nav-contact{align-self:flex-start;margin:10px 0}}
@media(max-width:800px){.page-hero{grid-template-columns:1fr}.page-hero-copy{padding:28px 6% 45px}.page-hero h1{font-size:49px}.page-hero-image{min-height:320px}.breadcrumb{display:flex;position:static;background:none;padding:0;gap:10px;align-items:center}.content-with-toc{display:flex;flex-direction:column;gap:0;padding:0}.editorial-sections .editorial-section,.editorial-sections .quality-doc{padding-left:6%;padding-right:6%}.editorial-sections .quality-doc{padding-top:38px;padding-bottom:60px}.quality-cards,.quality-step{grid-template-columns:1fr!important;gap:22px}.quality-step.reverse .quality-step-copy,.quality-step.reverse .quality-figure{order:initial}.quality-step-copy p{max-width:none}.quality-audit{flex-direction:column;align-items:flex-start}.page-toc-wrap{position:sticky;top:85px;z-index:15;width:auto;height:auto;order:-1;margin:0;background:#fff;box-shadow:0 8px 20px -14px rgba(22,63,50,.5)}.page-toc{width:auto;margin:0;position:static;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:12px 6%;justify-content:flex-start;border-bottom:1px solid var(--line);scrollbar-width:none;-webkit-overflow-scrolling:touch}.page-toc::-webkit-scrollbar{display:none}.page-toc .toc-label{display:none}.page-toc a{flex-shrink:0;padding:8px 15px;max-width:none;font-size:12.5px;background:#eef1ea;gap:8px;border-left:0;border-radius:22px;white-space:nowrap}.page-toc a.active{background:var(--green);color:#fff;border-left:0}.page-toc .toc-index{min-width:auto}.page-toc a.active .toc-index{color:var(--lime)}.editorial-section{grid-template-columns:1fr;gap:30px}.editorial-section.reverse .editorial-copy,.editorial-section.reverse figure{order:initial}.editorial-section figure{position:static}.editorial-section figure img{min-height:240px;max-height:440px}.related>div:last-child{grid-template-columns:1fr;gap:5px}.related a{font-size:28px}.related{padding-top:45px;padding-bottom:45px}:lang(ja) .hero h1{font-size:46px}:lang(de) .hero h1{font-size:53px}}
@media(prefers-reduced-motion:reduce){.product-icon{transition:none!important}}

/* Footer: Tunisia and Portugal shown compactly, side by side with a flag
   each, inside the "Find us" column of footer-main (not a separate tall
   full-width block). */
.footer-find h3{margin-bottom:16px}
.footer-countries{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.footer-country-name{font-size:13px;font-weight:700;color:var(--green);margin:0 0 8px;display:flex;align-items:center;gap:6px}
.footer-country .flag{width:20px;height:15px;object-fit:cover;border-radius:2px;flex-shrink:0;box-shadow:0 0 0 1px #0000000f}
.footer-tel{display:flex;align-items:center;gap:7px;white-space:nowrap}
.footer-tel .flag{display:inline-block;width:14px;height:10px;object-fit:cover;border-radius:2px;flex-shrink:0;box-shadow:0 0 0 1px #0000000f}
.footer-country p{font-size:12px;line-height:1.6;margin:0 0 8px;color:#627063}
.footer-country a{font-size:11px;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.footer-main{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.footer-countries{grid-template-columns:1fr}}

/* Required contact-form fields: all six fields are required, each labelled
   with a small red asterisk. */
.req{color:#e05a4e;margin-left:2px;font-weight:700}

/* Phone field: a real flag (SVG, not emoji, which some platforms render as
   plain "TN"/"PT" text instead of a flag glyph) shown next to a country
   dial-code select, beside the phone number input. */
.tel-field{display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid #8ca091}
.tel-field input{border-bottom:0;flex:1;padding-left:0}
.dial-select{display:flex;align-items:center;gap:8px;flex-shrink:0;padding-bottom:12px}
.dial-flag{width:20px;height:15px;object-fit:cover;border-radius:2px;flex-shrink:0}
.dial-select select{background:transparent;color:#fff;border:0;font-size:13px;padding:2px 0;outline:none;width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dial-select select option{color:#111}

/* Honeypot field: present in the DOM (so a bot filling every input fills
   it too) but never visible or reachable for a real visitor. display:none
   is avoided since some bots skip fields hidden that way; this is moved
   off-screen instead. */
.hp-field{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}

/* Products & Quality "All ingredients" section: 2x2 tile grid (see
   reference layout) instead of the homepage's horizontal list rows. */
.ingredient-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:10px}
.ingredient-grid .ingredient-card{border-radius:24px;padding:44px 38px;background:#fff}
.ingredient-grid .ingredient-card:nth-child(2),.ingredient-grid .ingredient-card:nth-child(3){background:#e3e9da}
.ingredient-grid .product-icon{width:84px;height:84px;margin-bottom:26px;display:block}
.ingredient-grid h3{font:700 24px Arial,sans-serif;color:var(--green);margin:0 0 14px;letter-spacing:0}
.ingredient-grid .category{display:block;margin:0;font-size:14px;line-height:1.7;letter-spacing:0;color:#596c56}
@media(max-width:800px){.ingredient-grid{grid-template-columns:1fr}.ingredient-grid .ingredient-card{padding:32px 28px}}

/* ===== Polish pass: micro-interactions & motion =====
   Low-carbon by design: only transform/opacity/filter are animated, every
   effect is hover- or scroll-triggered (nothing loops on idle), and the
   global prefers-reduced-motion rule at the top of this file neutralises all
   of it for users who ask for less motion. */

/* Directional arrow glyphs slide toward where they point on hover ("go"). */
.button span,.text-link span,.nav-contact span,.process-links b{display:inline-block;transition:transform .25s ease}
.button:hover span{transform:translateX(4px)}
.text-link:hover span,.nav-contact:hover span{transform:translate(4px,-4px)}
.process-links a:hover b{transform:translateX(5px)}

/* Sticky header lifts on a soft shadow once the page scrolls (class toggled
   from a top sentinel in app.js, so there is no continuous scroll listener). */
header{transition:box-shadow .3s ease,border-color .3s ease}
header.scrolled{box-shadow:0 12px 34px -22px rgba(22,63,50,.5);border-bottom-color:transparent}

/* Process links: gentle inset on hover to signal the row is interactive. */
.process-links a{transition:padding-left .25s ease,color .2s ease}
.process-links a:hover{padding-left:12px;color:var(--green)}

/* Homepage ingredient rows: the circle arrow fills with lime and turns on
   hover, echoing the card's existing expand-and-tint interaction. */
.ingredient-list>.ingredient-card .circle{transition:background .25s ease,border-color .25s ease,transform .25s ease}
.ingredient-list>.ingredient-card:hover .circle{background:var(--lime);border-color:var(--lime);transform:rotate(45deg)}

/* Certification wall: quiet and desaturated at rest so it does not compete
   with the copy, resolving to full brand colour (and a small lift) on hover. */
.cert-grid img{filter:grayscale(.85);opacity:.62;transition:filter .35s ease,opacity .35s ease,transform .35s ease}
.cert-grid img:hover{filter:grayscale(0);opacity:1;transform:translateY(-5px)}

/* Editorial imagery gains a slow, contained zoom on hover (figure clips it). */
.editorial-section figure{overflow:hidden;border-radius:4px}
.editorial-section figure img{transition:transform .7s cubic-bezier(.2,.6,.2,1)}
.editorial-section figure:hover img{transform:scale(1.05)}

/* Hero and interior-page hero copy fade up once on load (see app.js). The
   resting state is fully visible, so content is never hidden if JS is slow. */
.intro-strip>span{transition:color .2s ease}
.intro-strip>span:hover{color:var(--green)}

/* ===== Legal pages (legal notice / privacy policy) =====
   Same header, footer, colours and typography as the rest of the site, in a
   clean single-column reading layout with a limited line length. No numbered
   labels and no decorative marks before headings. */
.legal-hero{background:var(--deep);color:var(--paper);padding:66px 6% 52px}
.legal-hero-inner{max-width:1040px;margin:0 auto}
.legal-hero h1{font-size:clamp(38px,4.6vw,60px);line-height:1.08;margin:0 0 14px}
.legal-hero .legal-meta{color:#c3d4c6;font-size:15px;line-height:1.6;margin:0}
.legal{max-width:1040px;margin:0 auto;padding:58px 0 90px;font-size:16px;line-height:1.8;color:#33463b}
.legal p,.legal ul,.legal h3{max-width:760px}
/* Keep a gutter only when the viewport is narrower than the reading column,
   so on wide screens the content sits flush to its 1040px width. */
@media(max-width:1088px){.legal{padding-left:6%;padding-right:6%}}
.legal h2{font-family:var(--serif);font-weight:500;font-size:clamp(26px,2.8vw,35px);line-height:1.25;letter-spacing:-.2px;color:var(--green);margin:46px 0 16px}
.legal>*:first-child{margin-top:0}
.legal h3{font-size:18px;font-weight:700;color:var(--green);margin:26px 0 10px}
.legal p{margin:0 0 16px}
.legal ul{margin:0 0 18px;padding-left:22px}
.legal li{margin:7px 0}
.legal a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.legal a:hover{color:#728934}
.legal-table-wrap{overflow-x:auto;margin:22px 0 28px;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:8px}
.legal-table{width:100%;border-collapse:collapse;font-size:14px;min-width:680px}
.legal-table th,.legal-table td{text-align:left;vertical-align:top;padding:13px 15px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
.legal-table th{background:#eef1ea;font-weight:700;color:var(--green)}
.legal-table tr:last-child td{border-bottom:0}
.legal-table th:last-child,.legal-table td:last-child{border-right:0}
.legal-table tbody tr:nth-child(even) td{background:#fafbf7}
.legal .tbc,.legal-table .tbc{background:#fdeeb0;color:#5f4300;padding:1px 7px;border-radius:4px;font-weight:600;font-size:.92em;white-space:normal;box-decoration-break:clone;-webkit-box-decoration-break:clone}
/* Footer legal links + contact-form privacy notice. */
.footer-legal{display:flex;gap:18px}
.footer-legal a{text-decoration:underline;text-underline-offset:3px}
.form-consent{font-size:13px;line-height:1.6;color:#c0d0c1;margin:0 0 18px;max-width:52ch}
.form-consent a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){.legal-hero{padding:44px 6% 38px}.legal{padding:44px 6% 68px}.legal h2{margin-top:38px}}

/* ===== FAQ ===== same design system, comfortable reading width, native
   <details> accordions (keyboard-accessible, independent, content in HTML). */
.faq-hero{background:var(--deep);color:var(--paper);padding:64px 6% 46px}
.faq-hero-inner{max-width:1040px;margin:0 auto}
.faq-hero h1{font-size:clamp(38px,4.6vw,60px);line-height:1;margin:0 0 14px}
.faq-intro{color:#c3d4c6;font-size:16px;line-height:1.6;margin:0 0 26px;max-width:720px}
.faq-search input{width:100%;max-width:560px;padding:15px 20px;border:0;border-radius:30px;font-size:15px;background:#fff;color:var(--green);outline:none}
.faq-search input:focus-visible{outline:3px solid var(--lime);outline-offset:2px}
.faq-examples{color:#9fb3a3;font-size:13px;margin:12px 2px 0}
.faq{max-width:1040px;margin:0 auto;padding:52px 0 90px}
.faq-cat{margin-bottom:42px}
.faq-cat[hidden]{display:none}
.faq-cat h2{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.6vw,34px);color:var(--green);letter-spacing:-.2px;margin:0 0 12px}
.faq-item{border-top:1px solid var(--line)}
.faq-cat .faq-item:last-child{border-bottom:1px solid var(--line)}
.faq-item[hidden]{display:none}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:19px 2px;font-size:17px;font-weight:600;color:var(--green)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:#4d6b2e}
.faq-q{flex:1}
.faq-icon{position:relative;flex-shrink:0;width:20px;height:20px}
.faq-icon:before,.faq-icon:after{content:'';position:absolute;background:var(--green);border-radius:2px}
.faq-icon:before{top:9px;left:2px;width:16px;height:2px}
.faq-icon:after{top:2px;left:9px;width:2px;height:16px;transition:transform .25s ease}
.faq-item[open] .faq-icon:after{transform:scaleY(0)}
.faq-a{position:static;width:auto;top:auto;left:auto;background:none;box-shadow:none;border:0;padding:0 2px 22px;max-width:760px;line-height:1.8;color:#3c4b40}
.faq-a p{margin:0 0 12px}
.faq-a a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.faq-a a:hover{color:#728934}
.faq-nomatch{color:var(--muted);font-style:italic;padding:10px 2px}
@media(max-width:1088px){.faq{padding-left:6%;padding-right:6%}}
@media(max-width:800px){.faq-hero{padding:44px 6% 38px}.faq{padding-top:40px;padding-bottom:70px}.faq-item summary{font-size:16px}}

/* ===== Certifications (inside Products & quality) ===== full-width cream/white
   background, controlled reading width, comfortable hierarchy (not a grid of
   narrow cards). Ecocert/SGS sit in a distinct "certification bodies" box. */
.certifs{background:#fff}
.certifs-inner{max-width:none;margin:0}
.certifs h2{margin:0 0 14px}
.certifs-lead{font-family:var(--serif);font-weight:500;font-size:clamp(20px,2.2vw,27px);color:var(--green);line-height:1.35;margin:0 0 18px;max-width:780px}
.certifs-intro{max-width:780px;margin:0 0 6px}
.certifs-intro p{line-height:1.8;color:#3c4b40;margin:0 0 14px}
.certifs h3{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.2vw,42px);color:var(--green);letter-spacing:-.5px;line-height:1.12;margin:66px 0 22px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.certifs>.certifs-inner>h3:first-of-type{margin-top:40px}
/* heading's bottom rule already divides; drop the top border on the first row */
.cert-grid2 .cert:nth-child(-n+2){border-top:0;padding-top:4px}
/* 2 certifications per row; a lone item in a group spans the full width. */
.cert-grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 56px}
.cert-grid2 .cert:only-child{grid-column:1/-1}
.cert{border-top:1px solid var(--line);padding:26px 0}
.cert-head{display:flex;align-items:center;gap:18px;margin-bottom:12px}
.cert-logo{width:84px;height:84px;object-fit:contain;flex-shrink:0}
.cert-head h4{font-size:21px;font-weight:700;color:var(--green);margin:0}
.cert-lead{font-weight:600;color:#2f4033;line-height:1.5;margin:0 0 16px}
.cert-points{display:grid;grid-template-columns:1fr;gap:14px;margin:0 0 16px}
.cert-point-label{display:block;font-size:11px;letter-spacing:1.3px;text-transform:uppercase;font-weight:700;color:#7a8a72;margin-bottom:5px}
.cert-point p{margin:0;line-height:1.7;color:#3c4b40}
.cert-more{max-width:820px;margin:0 0 18px}
.cert-more>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;font-weight:600;color:var(--green);border-top:1px solid var(--line)}
.cert-more>summary::-webkit-details-marker{display:none}
.cert-more>summary:hover{color:#4d6b2e}
.cert-more-body{position:static;width:auto;top:auto;left:auto;background:none;box-shadow:none;border:0;padding:4px 0 10px;line-height:1.8;color:#3c4b40}
.cert-more-body p{margin:0 0 12px}
.cert-more-body .cert-point-label{display:inline;margin-right:4px}
.certifier-box{display:grid;grid-template-columns:1fr 1fr;gap:32px;background:var(--paper);border-radius:16px;padding:30px 32px;margin:8px 0 6px}
.certifier img{width:52px;height:52px;object-fit:contain;margin-bottom:12px}
.certifier h4{font-size:19px;color:var(--green);margin:0 0 8px}
.certifier .cert-lead{font-size:15px;margin-bottom:10px}
.certifier p{line-height:1.7;color:#3c4b40;margin:0 0 10px}
.certifier .cert-point-label{display:inline;margin-right:4px}
.certifs-cta{background:var(--green);color:var(--paper);border-radius:16px;padding:34px 38px;margin-top:14px}
.certifs-cta-lead{font-family:var(--serif);font-weight:500;font-size:26px;color:#fff;margin:0 0 12px}
.certifs-cta p{line-height:1.8;color:#d7e3d5;margin:0 0 12px;max-width:760px}
.certifs-cta-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px;margin-top:8px}
.text-link.light{color:#fff;border-bottom-color:#ffffff66}
.text-link.light:hover{color:var(--lime)}
/* Logos in the shared strip link to their certification block; lift on hover. */
.cert-grid .cert-logo-link{display:inline-flex;transition:transform .25s ease}
.cert-grid .cert-logo-link:hover{transform:translateY(-4px)}
@media(max-width:900px){.cert-grid2{grid-template-columns:1fr;gap:0}}
@media(max-width:800px){.cert-points{grid-template-columns:1fr;gap:14px}.certifier-box{grid-template-columns:1fr;gap:24px;padding:24px 22px}.certifs-cta{padding:26px 22px}.certifs-cta-lead{font-size:22px}}

/* Certifications: logos-only section on Products & quality (text removed). */
.certifs-logos{background:#fff}
.certifs-logos h2{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.2vw,42px);color:var(--green);letter-spacing:-.5px;margin:0 0 28px}
.certifs-logos .cert-grid{margin-top:0}

/* ===== Herbiotech Portugal (EN/PT) ===== main design system, scoped .pt-* */
.pt-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 24px;margin-top:4px}
.pt-lang{display:inline-flex;gap:2px;border:1px solid #ffffff40;border-radius:30px;padding:4px}
.pt-lang a{padding:7px 15px;border-radius:30px;color:#c3d4c6;font-size:13px;font-weight:600}
.pt-lang a.on{background:var(--lime);color:var(--green)}
.pt-lang a:hover:not(.on){color:#fff}
.pt-illus{position:absolute;bottom:12px;left:12px;right:12px;font-size:11px;color:#fff;background:#163f32c4;padding:8px 12px;border-radius:8px;line-height:1.4}
.pt-two{display:grid;grid-template-columns:1.12fr .88fr;gap:6%;align-items:start}
.pt-copy p{line-height:1.85;color:#5d6b61;margin:0 0 16px;max-width:640px}
.pt-location{margin-top:28px;border-top:1px solid var(--line);padding-top:22px}
.pt-loc-name{font-family:var(--serif);font-weight:500;font-size:26px;color:var(--green);margin:6px 0 8px}
.pt-fig{margin:0;position:relative;border-radius:4px;overflow:hidden}
.pt-fig img{width:100%;height:100%;object-fit:cover;min-height:440px}
.pt-activities{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:34px}
.pt-activity{border-top:2px solid var(--green);padding-top:20px}
.pt-activity h3{font-size:19px;color:var(--green);margin:0 0 10px}
.pt-activity p{line-height:1.7;color:#3c4b40;margin:0}
.pt-approach{background:var(--green);color:var(--paper)}
.pt-approach-inner{max-width:820px}
.pt-approach .section-label{color:var(--lime)}
.pt-approach h2{color:#fff;margin:14px 0 18px}
.pt-approach p{line-height:1.85;color:#d7e3d5;font-size:17px}
.pt-sources-title{font-size:20px;color:var(--green);margin:42px 0 18px}
.pt-sources{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.pt-source{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 26px}
.pt-source-tag{display:inline-block;font-size:11px;letter-spacing:1.4px;font-weight:700;color:#7a8a72;margin-bottom:10px}
.pt-source h3{font-size:18px;color:var(--green);margin:0 0 8px}
.pt-source p{line-height:1.7;color:#3c4b40;margin:0}
.pt-cert-note{margin-top:24px;font-size:13px;color:var(--muted);max-width:760px;line-height:1.6}
.pt-contact{background:var(--deep);color:var(--paper)}
.pt-contact .section-label{color:var(--lime)}
.pt-contact h2{color:#fff;margin:14px 0 18px}
.pt-contact>p{color:#c0d0c1;max-width:640px;line-height:1.8}
.pt-card{background:#ffffff0d;border:1px solid #ffffff26;border-radius:16px;padding:30px 32px;margin-top:26px;max-width:660px}
.pt-card-name{font-family:var(--serif);font-weight:500;font-size:28px;color:#fff;margin:0}
.pt-card-role{color:var(--lime);font-size:14px;margin:2px 0 22px}
.pt-coords{display:grid;grid-template-columns:auto 1fr;gap:10px 24px;margin:0 0 24px}
.pt-coords dt{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#9fb3a3;padding-top:3px}
.pt-coords dd{margin:0;color:#e6efe4;line-height:1.5}
.pt-coords a{color:#e6efe4;text-decoration:underline;text-underline-offset:3px}
.pt-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}
.pt-card-actions .text-link{color:#fff;border-bottom-color:#ffffff66}
.pt-card-actions .text-link:hover{color:var(--lime)}
.button.ghost{background:transparent;border:1px solid #ffffff55;color:#fff}
.button.ghost:hover{background:#ffffff1a}
.pt-media-note{margin-top:22px;font-size:12px;color:#9fb3a3}
.pt-media{background:var(--paper);padding:24px 6% 44px}
.pt-media .pt-media-note{margin:0;max-width:820px;color:#7a8a72}
@media(max-width:800px){.pt-two{grid-template-columns:1fr;gap:30px}.pt-fig img{min-height:280px}.pt-activities{grid-template-columns:1fr;gap:22px}.pt-sources{grid-template-columns:1fr}.pt-card{padding:24px 22px}}