/* Clytrix: a consistent editorial system for service pages, articles and navigation. */
:root{--cx-nav-offset:82px;--cx-chapter-offset:72px;--ease-out:cubic-bezier(.23,1,.32,1);--cx-craft-border:#dce5d3;--cx-craft-ink:#173c2c}
main{min-width:0}main :is(h1,h2,h3){text-wrap:balance}main p{text-wrap:pretty}main :is(section,[id]){scroll-margin-top:calc(var(--cx-nav-offset) + var(--cx-chapter-offset) + 22px)}
.cx-craft-nav{position:sticky;top:var(--cx-nav-offset);z-index:60;background:#fbfcf6f5;border-block:1px solid var(--cx-craft-border);backdrop-filter:blur(16px);box-shadow:0 8px 24px #23443206}
.cx-craft-nav>.cx-wrap{display:flex;align-items:center;gap:24px;min-height:72px;overflow:visible}
.cx-craft-nav .cx-craft-nav__title{font-size:12px;font-weight:700;color:#274c37;max-width:190px;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}
.cx-craft-nav__track{display:flex;align-items:center;gap:5px;min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#c3d2b7 transparent;padding:12px 2px;flex:1;overscroll-behavior-inline:contain}
.cx-craft-nav .cx-craft-nav__track>a{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-height:40px;padding:10px 13px;border-radius:8px;font-size:11px;font-weight:500;color:#65755b;line-height:1.3;text-decoration:none;transition:background 180ms ease,color 180ms ease,box-shadow 180ms ease}
.cx-craft-nav .cx-craft-nav__track>a::after{display:none}
.cx-craft-nav .cx-craft-nav__track>a[aria-current]{background:#e8efde;color:#244c32;box-shadow:inset 0 0 0 1px #d2dfc5;font-weight:700}
.cx-craft-nav .cx-craft-nav__track>a:hover{background:#edf2e5;color:#244c32}
.cx-craft-nav a:focus-visible{outline:2px solid #6b8b53;outline-offset:3px}
.cx-craft-nav .cx-service-nav__help{font-size:11px;padding:10px 0;flex-shrink:0}
.cx-craft-nav .cx-service-nav__help span{display:inline;margin:0}
.cx-service-overview>.cx-wrap>div[style*="grid-template-columns"]{grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr))!important;align-items:stretch;gap:18px!important}
.cx-service-overview .cx-card{display:flex;flex-direction:column;padding:22px;background:#f8faf2;border:1px solid #dfe7d5;border-radius:15px;min-width:0;overflow:hidden;isolation:isolate;box-shadow:0 8px 22px #23443204}
.cx-service-overview .cx-card:first-child{background:#f0f5e7}
.cx-service-feature-art.cx-craft-art{float:none;display:block;width:100%;height:auto;aspect-ratio:10/7;object-fit:contain;max-height:180px;margin:0 0 22px;border-radius:10px;transition:transform 450ms var(--ease-out)}
.cx-service-overview .cx-card>.cx-icon-badge,.cx-service-overview .cx-card>i{display:none}
.cx-craft-feature-title{font-size:18px!important;letter-spacing:-.025em;line-height:1.3;margin:0 0 10px!important;font-weight:650;color:#214732;max-width:none!important}
.cx-service-overview .cx-body-text{font-size:13px!important;line-height:1.8;margin-top:0!important;color:#63745d}
.cx-craft-editorial{padding:88px 0;background:#f7f9f1;border-block:1px solid #e0e7d6}
.cx-craft-editorial__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,90px);align-items:center}
.cx-craft-editorial h2{font-size:clamp(30px,3.4vw,46px);line-height:1.13;letter-spacing:-.045em;font-weight:550;color:var(--cx-craft-ink);margin:18px 0 22px}
.cx-craft-editorial p{max-width:60ch;color:#61725a;font-size:14px;line-height:1.9;margin:0 0 17px}
.cx-craft-scene{position:relative;margin:0;min-width:0;border:1px solid #d7e2cb;border-radius:22px;overflow:hidden;background:#eef3e5;isolation:isolate}
.cx-craft-scene img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform 650ms var(--ease-out)}
.cx-craft-scene figcaption{font-size:10px;padding:18px 22px;color:#617656;letter-spacing:.035em;border-top:1px solid #dce6d2;background:#f9fbf5}
.cx-craft-scene::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#ffffff30 49%,transparent 63%);transform:translateX(-100%);animation:cx-craft-light 10s linear infinite;animation-play-state:paused}
.cx-craft-scene.is-inview::after{animation-play-state:running}html.cx-craft-paused .cx-craft-scene::after{animation-play-state:paused}
@keyframes cx-craft-light{0%,65%{transform:translateX(-100%);opacity:0}70%{opacity:.65}88%,100%{transform:translateX(100%);opacity:0}}
.cx-craft-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:26px}
.cx-craft-actions>a:not(.cx-btn){font-size:12px;font-weight:650;color:#3f6539;display:inline-flex;gap:12px;align-items:center}
.cx-refined :is(.cx-btn,.cx-sale-button){transition:transform 160ms var(--ease-out),background 180ms ease,box-shadow 180ms ease;will-change:auto}
.cx-refined :is(.cx-btn,.cx-sale-button):active{transform:translateY(1px) scale(.985)}
.cx-premium-art{border-color:#d6e1c9!important;box-shadow:0 24px 55px #284e3110}
.cx-home .hp-hero-art img{aspect-ratio:4/5;object-position:63% center}
.cx-home .hp-hero-art figcaption{padding-inline:20px}
@media(hover:hover) and (pointer:fine){.cx-service-overview .cx-card:hover{border-color:#b8cda5;box-shadow:0 18px 32px #23443209}.cx-service-overview .cx-card:hover .cx-craft-art{transform:translateY(-3px) scale(1.035)}.cx-craft-scene:hover img{transform:scale(1.025)}.cx-refined .cx-btn:hover{box-shadow:0 9px 20px #2344321c}}
@media(max-width:1100px){.cx-craft-nav .cx-craft-nav__title{display:none}.cx-craft-nav>.cx-wrap{gap:16px}.cx-craft-nav .cx-craft-nav__track>a{font-size:11px;padding-inline:12px}}
@media(max-width:760px){:root{--cx-nav-offset:67px;--cx-chapter-offset:64px}.cx-craft-nav>.cx-wrap{min-height:64px;gap:0;padding-inline:18px}.cx-craft-nav .cx-service-nav__help{display:none}.cx-craft-nav__track{padding-block:10px;gap:5px;scrollbar-width:none}.cx-craft-nav .cx-craft-nav__track>a{min-height:42px;font-size:11px;padding:11px 14px;background:#f4f7ed}.cx-craft-editorial{padding:55px 0}.cx-craft-editorial__grid{grid-template-columns:minmax(0,1fr);gap:32px}.cx-craft-editorial h2{font-size:35px}.cx-craft-editorial p{font-size:14px}.cx-craft-scene{border-radius:16px}.cx-craft-scene img{aspect-ratio:3/2}.cx-service-overview .cx-card{padding:20px}.cx-service-feature-art.cx-craft-art{max-height:200px;margin-bottom:22px}.cx-craft-actions{gap:19px}.cx-craft-actions .cx-btn{width:100%;justify-content:center}.cx-craft-actions>a:not(.cx-btn){padding:8px 0}.cx-service-overview .cx-craft-feature-title{font-size:20px!important}.cx-premium-art{max-width:100%}.cx-craft-nav a{touch-action:manipulation}}
@media(min-width:520px) and (max-width:900px){.cx-service-overview>.cx-wrap>div[style*="grid-template-columns"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){.cx-craft-scene::after{display:none}.cx-craft-scene img,.cx-service-feature-art.cx-craft-art,.cx-refined .cx-btn{transition:none!important;transform:none!important}.cx-craft-nav a{transition:none!important}}
main section[tabindex="-1"]:focus,main h2[tabindex="-1"]:focus{outline:none}

/* Compact chapter navigation: one quiet row, only essential destinations. */
.cx-craft-nav--compact>.cx-wrap{min-height:58px;gap:18px}
.cx-craft-nav--compact .cx-craft-nav__track{flex:0 1 auto;padding-block:8px;gap:6px}
.cx-craft-nav--compact .cx-craft-nav__title{font-size:11px;opacity:.75;margin-right:auto}
.cx-craft-nav--compact .cx-craft-nav__track>a{padding:9px 16px;min-height:38px;font-size:12px;background:transparent}
.cx-service-feature-art.cx-craft-art{max-height:145px;margin-bottom:18px}
@media(max-width:760px){.cx-craft-nav--compact>.cx-wrap{min-height:56px;padding-inline:16px}.cx-craft-nav--compact .cx-craft-nav__track{flex:1;justify-content:space-between;gap:3px}.cx-craft-nav--compact .cx-craft-nav__track>a{font-size:11px;padding:10px 9px;min-height:40px}.cx-service-feature-art.cx-craft-art{max-height:150px}.cx-craft-editorial h2{font-size:32px}}
@media(max-width:360px){.cx-craft-nav--compact .cx-craft-nav__track>a{font-size:10px;padding-inline:8px}}

/* Related sections open in a small, native popover rather than another row. */
.cx-craft-nav__group{display:flex;align-items:center;position:relative;flex-shrink:0;border-radius:9px}
.cx-craft-nav__group.is-current{background:#e8efde;box-shadow:inset 0 0 0 1px #d2dfc5}
.cx-craft-nav .cx-craft-nav__group>.cx-craft-nav__primary{padding:10px 12px;min-height:38px;border-radius:8px;font-size:12px;line-height:1.2;font-weight:500;white-space:nowrap;color:#61745a;text-decoration:none;background:none;box-shadow:none}
.cx-craft-nav .cx-craft-nav__group.is-current>.cx-craft-nav__primary{color:#244c32;font-weight:700}
.cx-craft-nav__expand{height:34px;width:28px;padding:0;display:grid;place-items:center;border:0;background:none;color:#6b815d;cursor:pointer;border-radius:6px;margin-right:3px;transition:background 150ms ease}
.cx-craft-nav__expand:hover{background:#dfe9d3}.cx-craft-nav__expand:focus-visible{outline:2px solid #6b8b53;outline-offset:1px}
.cx-craft-nav__expand svg{transition:transform 180ms var(--ease-out)}.cx-craft-nav__expand[aria-expanded=true] svg{transform:rotate(180deg)}
.cx-craft-nav__menu[popover]{position:fixed;inset:auto;margin:0;padding:8px;width:272px;max-width:calc(100vw - 28px);max-height:55dvh;overflow:auto;border:1px solid #d8e2ce;border-radius:13px;background:#fdfef9;box-shadow:0 18px 50px #163d2824;color:#24432d}
.cx-craft-nav__menu:popover-open{display:grid;gap:2px}
.cx-craft-nav__menu-label{display:block!important;font-size:10px!important;letter-spacing:.1em;text-transform:uppercase;color:#839174!important;padding:10px 12px 8px;margin:0!important;font-weight:600}
.cx-craft-nav .cx-craft-nav__menu>a{padding:11px 12px;min-height:40px;white-space:normal;border-radius:7px;color:#51694b;font-size:12px;line-height:1.5;text-decoration:none}
.cx-craft-nav .cx-craft-nav__menu>a:hover,.cx-craft-nav .cx-craft-nav__menu>a[aria-current]{background:#ecf2e3;color:#254c32}
.cx-craft-nav .cx-craft-nav__menu>a::after{display:none}
@media(max-width:760px){.cx-craft-nav--compact .cx-craft-nav__track{justify-content:flex-start;gap:3px}.cx-craft-nav .cx-craft-nav__group>.cx-craft-nav__primary{font-size:10px;padding:11px 8px}.cx-craft-nav__expand{width:21px;margin-right:1px}.cx-craft-nav__group{min-height:40px}.cx-craft-nav .cx-craft-nav__menu>a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.cx-craft-nav__expand svg{transition:none}}

.cx-connection-notice{position:fixed;right:22px;top:calc(var(--cx-nav-offset,82px) + 12px);z-index:190;width:min(380px,calc(100vw - 32px));display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;padding:19px 42px 18px 21px;border:1px solid #d0ddc4;border-radius:13px;background:#fdfef9;box-shadow:0 16px 40px #1f42201c;color:#264a32;animation:cx-connection-enter 180ms var(--ease-out)}
.cx-connection-notice:before{content:'';height:6px;width:6px;border-radius:50%;position:absolute;left:9px;top:26px;background:#899d68}
.cx-connection-notice[data-kind=offline]:before{background:#bd965d}.cx-connection-notice strong{font-size:13px;font-weight:650}.cx-connection-notice p{font-size:12px;line-height:1.7;color:#77846d;margin:5px 0 0}.cx-connection-notice__close{position:absolute;right:8px;top:8px;border:0;background:none;font:22px/1 sans-serif;color:#798d6a;width:30px;height:30px;cursor:pointer;border-radius:6px}.cx-connection-notice__retry{border:0;background:#edf3e5;color:#3f633c;padding:7px 12px;border-radius:6px;font:600 11px/1.4 inherit;cursor:pointer}.cx-connection-notice button:focus-visible{outline:2px solid #6d8b52;outline-offset:3px}@keyframes cx-connection-enter{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.cx-connection-notice{right:16px;top:calc(var(--cx-nav-offset,67px) + 8px)}}@media(prefers-reduced-motion:reduce){.cx-connection-notice{animation:none}}
