:root{--cmp-ink:#082f29;--cmp-green:#063f34;--cmp-leaf:#2d7653;--cmp-muted:#4c635a;--cmp-line:#dce5dd;--cmp-paper:#fffefa;--cmp-cream:#faf7f0;--cmp-soft:#edf3ea}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:120px}
body.cmp-page{margin:0;min-width:0;background:var(--cmp-paper);color:var(--cmp-ink);font:16px/1.6 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-text-size-adjust:100%}
.cmp-page :where(main,header,section,aside,article,nav,div){min-width:0}
.cmp-page img{display:block;max-width:100%;height:auto}
.cmp-page a{color:inherit;text-decoration:none}
.cmp-page :focus-visible{outline:3px solid #ad4b1c;outline-offset:4px}
.cmp-shell{width:min(1200px,calc(100% - 36px));margin-inline:auto}
.cmp-skip{position:fixed;z-index:100;top:10px;left:10px;transform:translateY(-200%);padding:12px 18px;border-radius:10px;background:#fff;box-shadow:0 3px 12px #0002}
.cmp-skip:focus{transform:none}
.cmp-topline{background:var(--cmp-green);color:#fff;font-size:.75rem}
.cmp-topline>.cmp-shell{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.cmp-topline a{display:none;font-weight:700}
.cmp-header{position:sticky;z-index:25;top:0;background:var(--cmp-paper);border-bottom:1px solid var(--cmp-line)}
.cmp-header-main{min-height:108px;display:grid;grid-template-columns:1fr auto;align-content:center;gap:10px}
.cmp-brand{display:inline-flex;align-items:center;gap:9px;justify-self:start;min-width:0}
.cmp-brand img{flex:none;border-radius:50%}
.cmp-brand strong{font:700 1.4rem/1 Georgia,"Times New Roman",serif;letter-spacing:-.04em}
.cmp-brand small{display:none;color:var(--cmp-muted);font-size:.55rem;letter-spacing:.055em}
.cmp-species{grid-row:2;grid-column:1/-1;display:flex;justify-self:start;gap:4px;padding:3px;background:#edf1e9;border-radius:30px}
.cmp-species a{display:flex;align-items:center;min-height:38px;padding:5px 15px;border-radius:24px;font-size:.82rem;font-weight:750}
.cmp-species a:hover{background:#fff}
.cmp-desktop-nav{display:none}
.cmp-menu{grid-column:2;grid-row:1;align-self:center;position:relative}
.cmp-menu summary{display:flex;align-items:center;gap:9px;cursor:pointer;min-height:42px;font-size:.82rem;font-weight:750;list-style:none}
.cmp-menu summary::-webkit-details-marker{display:none}
.cmp-menu nav{position:absolute;right:0;top:48px;width:min(270px,calc(100vw - 36px));display:grid;padding:12px;background:#fff;border:1px solid var(--cmp-line);border-radius:16px;box-shadow:0 16px 30px #082f2920}
.cmp-menu nav a{padding:10px 12px;font-weight:700;border-radius:9px}
.cmp-menu nav a:hover,.cmp-menu nav a[aria-current]{background:var(--cmp-soft)}
.cmp-breadcrumb{display:flex;gap:9px;align-items:center;padding-block:20px 0;color:var(--cmp-muted);font-size:.77rem}
.cmp-breadcrumb a:hover{text-decoration:underline}
.cmp-hero{display:grid;gap:30px;padding-block:32px 38px}
.cmp-kicker{display:block;color:var(--cmp-leaf);font-size:.7rem;line-height:1.5;letter-spacing:.12em;font-weight:800}
.cmp-hero h1{font:700 clamp(2.65rem,8.5vw,5rem)/1.02 Georgia,"Times New Roman",serif;letter-spacing:-.047em;margin:14px 0 22px;max-width:760px}
.cmp-hero h1 em{color:var(--cmp-leaf)}
.cmp-hero-copy>p{max-width:670px;margin:0;color:var(--cmp-muted);font-size:1.03rem}
.cmp-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.cmp-button{display:flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:12px 18px;border:1px solid var(--cmp-line);border-radius:10px;background:#fff;color:var(--cmp-ink);font-size:.86rem;font-weight:800;line-height:1.45;text-align:center}
.cmp-page .cmp-button-primary{background:var(--cmp-green);border-color:var(--cmp-green);color:#fff}
.cmp-button:hover{box-shadow:0 5px 15px #082f2919}
.cmp-button-primary:hover{background:#0b5748}
.cmp-decision{position:relative;padding:27px 23px;border:1px solid #dbe5d9;border-radius:24px;background:linear-gradient(145deg,#f6f0e4,#eff5eb)}
.cmp-decision-icon{display:none}
.cmp-decision h2{font:700 1.85rem/1.1 Georgia,serif;letter-spacing:-.025em;margin:9px 0 22px}
.cmp-decision ol{display:grid;gap:17px;margin:0;padding:0;list-style:none}
.cmp-decision li{display:flex;gap:14px;align-items:flex-start}
.cmp-decision li>span{display:grid;place-items:center;flex:0 0 34px;height:34px;background:#fff;border:1px solid var(--cmp-line);border-radius:50%;font-size:.72rem;font-weight:800;color:var(--cmp-leaf)}
.cmp-decision strong{font-size:.9rem}
.cmp-decision p{margin:3px 0 0;font-size:.85rem;color:var(--cmp-muted);line-height:1.5}
.cmp-disclosure{display:flex;align-items:flex-start;gap:13px;padding:18px 20px;border:1px solid var(--cmp-line);border-radius:14px;background:#f6f8f2;color:var(--cmp-muted);font-size:.78rem}
.cmp-disclosure>span{display:grid;place-items:center;flex:0 0 24px;height:24px;color:var(--cmp-green);border:1.5px solid currentColor;border-radius:50%;font:700 17px Georgia,serif}
.cmp-disclosure p{margin:0}.cmp-disclosure strong{color:var(--cmp-ink)}.cmp-disclosure a{text-decoration:underline;text-underline-offset:3px}
.cmp-collection{padding-block:46px;scroll-margin-top:20px}
.cmp-section-heading{display:grid;gap:15px;margin-bottom:25px}
.cmp-section-heading h2{font:700 clamp(1.9rem,5.5vw,2.7rem)/1.1 Georgia,serif;letter-spacing:-.035em;margin:8px 0 11px}
.cmp-section-heading p{margin:0;color:var(--cmp-muted);font-size:.96rem;max-width:650px}
.cmp-text-link{display:inline-flex;gap:8px;align-items:center;min-height:44px;font-size:.85rem;line-height:1.5;font-weight:800;text-underline-offset:4px}
.cmp-text-link:hover{text-decoration:underline}
.cmp-grid{display:grid;gap:22px}
.cmp-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--cmp-line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 8px 22px #082f2906}
.cmp-card-media{position:relative;display:block;aspect-ratio:4/3;background:#f6f2e9}
.cmp-card-media img{width:100%;height:100%;object-fit:contain;object-position:center}
.cmp-card-media>span{position:absolute;bottom:12px;left:14px;right:auto;max-width:calc(100% - 28px);padding:6px 10px;border-radius:6px;background:var(--cmp-paper);color:var(--cmp-green);font-size:.65rem;line-height:1.5;letter-spacing:.06em;font-weight:800;box-shadow:0 3px 12px #082f2910}
.cmp-card-copy{display:flex;flex-direction:column;flex:1;padding:22px}
.cmp-card h3{margin:0 0 12px;font:700 1.65rem/1.16 Georgia,serif;letter-spacing:-.025em}
.cmp-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.cmp-card-copy>p{margin:0 0 20px;color:var(--cmp-muted);font-size:.93rem}
.cmp-card dl{display:grid;gap:13px;margin:0 0 23px;border-top:1px solid var(--cmp-line);padding-top:18px;font-size:.83rem}
.cmp-card dt{color:var(--cmp-green);font-weight:800}.cmp-card dd{color:var(--cmp-muted);margin:3px 0 0}
.cmp-card-actions{display:grid;gap:4px;margin-top:auto}.cmp-card-actions .cmp-text-link{justify-content:center;padding:7px 0;text-align:center}
.cmp-cat-background{background:var(--cmp-cream);border-block:1px solid #eee9df}
.cmp-method{display:grid;gap:23px;padding-block:44px}
.cmp-method h2{font:700 clamp(1.85rem,5vw,2.6rem)/1.1 Georgia,serif;letter-spacing:-.03em;margin:10px 0 0}
.cmp-method p{font-size:.93rem;color:var(--cmp-muted);margin:0 0 13px}
.cmp-final{display:grid;gap:24px;padding:29px 25px;border-radius:23px;background:var(--cmp-green);color:#fff;margin-bottom:45px}
.cmp-final .cmp-kicker{color:#cde2d1}.cmp-final h2{font:700 2rem/1.1 Georgia,serif;letter-spacing:-.025em;margin:10px 0 12px}.cmp-final p{color:#e0eae2;margin:0;font-size:.92rem}.cmp-page .cmp-final .cmp-button{color:var(--cmp-green)}
.cmp-footer{border-top:1px solid var(--cmp-line);background:#f6f5ee;padding-block:34px 85px}
.cmp-footer-inner{display:grid;gap:26px}.cmp-footer p{color:var(--cmp-muted);font-size:.83rem;margin:12px 0 0}.cmp-footer nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;font-size:.8rem;font-weight:750}.cmp-footer nav a{padding-block:4px}.cmp-footer nav a:hover{text-decoration:underline}.cmp-footer small{grid-column:1/-1;color:var(--cmp-muted);font-size:.72rem}
@media(min-width:540px){.cmp-header-main{min-height:86px;grid-template-columns:1fr auto auto;gap:18px}.cmp-brand small{display:block;margin-top:7px}.cmp-species{grid-row:auto;grid-column:auto}.cmp-menu{grid-column:auto;grid-row:auto}.cmp-hero-actions .cmp-button{min-width:160px}.cmp-topline a{display:inline}.cmp-card-media{aspect-ratio:16/9}.cmp-card-copy{padding:27px}}
@media(min-width:780px){.cmp-shell{width:min(1200px,calc(100% - 64px))}.cmp-header-main{min-height:93px}.cmp-brand strong{font-size:1.65rem}.cmp-hero{grid-template-columns:1.3fr .85fr;align-items:center;gap:45px;padding-block:42px 55px}.cmp-hero h1{font-size:clamp(3.3rem,5.6vw,4.8rem)}.cmp-decision{padding:32px 28px}.cmp-decision-icon{display:inline-block;margin-bottom:21px}.cmp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.cmp-section-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:25px}.cmp-collection{padding-block:60px}.cmp-card-media{aspect-ratio:16/10}.cmp-card h3{font-size:1.9rem}.cmp-method{grid-template-columns:.8fr 1.2fr;gap:60px;padding-block:60px}.cmp-final{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:38px 42px;margin-bottom:60px}.cmp-final h2{font-size:2.4rem}.cmp-final p{max-width:650px}.cmp-footer-inner{grid-template-columns:1fr 1fr;gap:35px}}
@media(min-width:1050px){.cmp-header-main{grid-template-columns:1fr auto 1fr}.cmp-desktop-nav{display:flex;justify-content:flex-end;gap:24px;font-size:.78rem;font-weight:750}.cmp-desktop-nav a{padding-block:15px;white-space:nowrap}.cmp-desktop-nav a[aria-current]{border-bottom:2px solid var(--cmp-green)}.cmp-menu{display:none}.cmp-hero{gap:80px}.cmp-card-copy{padding:29px 31px}.cmp-card-actions{grid-template-columns:1fr;gap:8px}.cmp-footer nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:359px){.cmp-shell{width:calc(100% - 24px)}.cmp-hero h1{font-size:2.5rem}.cmp-brand strong{font-size:1.25rem}.cmp-card-copy{padding:19px}.cmp-hero-actions{display:grid}.cmp-disclosure{padding:15px;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
