/* Product captures retain their natural proportions, without a coloured surround. */
.feature-expanded{--feature-line:#d8ded5;--feature-text:#53645b}
.feature-expanded .feature-breadcrumb{padding-top:26px;font-size:11px;gap:10px}
.feature-expanded .feature-detail-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);align-items:center;gap:clamp(32px,5vw,90px);padding:58px 0 54px;border-bottom:0}
.feature-hero-copy{min-width:0;max-width:620px}.feature-category{display:inline-flex;align-items:center;gap:9px;color:#536b59;font-size:11px;font-weight:600;letter-spacing:.04em}.feature-category svg{width:18px;height:18px}
.feature-expanded .feature-detail-hero h1{font-size:clamp(48px,5.5vw,88px);font-weight:600;letter-spacing:-.055em;line-height:1.04;margin:22px 0 24px;overflow-wrap:anywhere}.feature-expanded .feature-detail-hero h1.feature-long-title{font-size:clamp(36px,3.6vw,62px)}
.feature-expanded .feature-detail-hero .feature-hero-promise{font-size:clamp(22px,2vw,32px);line-height:1.3;letter-spacing:-.025em;color:#294c3a;font-weight:450;margin:0 0 18px;text-wrap:balance}.feature-expanded .feature-detail-hero .feature-hero-summary{font-size:15px;line-height:1.85;color:var(--feature-text);max-width:460px;margin:0}
.feature-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:30px}.feature-hero-actions .button{gap:18px}.feature-hero-actions svg,.feature-plan-link svg{width:16px;height:16px}.feature-plan-link{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:600;color:#385c43;padding:10px 0;text-decoration:none}.feature-plan-link:hover{text-decoration:underline}
.feature-hero-visual{min-width:0;scroll-margin-top:110px}.feature-product-shot{margin:0;min-width:0}.feature-product-shot>button{position:relative;display:block;width:100%;height:auto;margin:0;padding:0;overflow:hidden;background:transparent;border:0;border-radius:12px;cursor:zoom-in;box-shadow:0 22px 48px -24px #172e3845;line-height:0}.feature-product-shot img{display:block;width:100%;height:auto;max-height:none;max-width:100%;aspect-ratio:auto;object-fit:initial}
.feature-image-zoom{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:7px;background:#fffffff5;color:#243e31;border:1px solid #d9e2d4;border-radius:8px;font-size:11px;line-height:1.4;padding:8px 11px;box-shadow:0 2px 10px #0001}.feature-image-zoom svg{width:14px;height:14px}.feature-product-shot figcaption{display:flex;gap:12px;align-items:flex-start;margin-top:17px;color:#3f5947;font-size:12px;line-height:1.6}.feature-product-shot figcaption>span{font-variant-numeric:tabular-nums;color:#6d7d68;font-size:10px;padding:3px 0;border-bottom:1px solid #bccab4;flex-shrink:0}.feature-product-shot figcaption small{display:block;font-size:10px;color:#6b776c;margin-top:2px}
.feature-expanded .feature-onpage{position:sticky;top:0;z-index:5;display:flex;align-items:center;flex-wrap:wrap;gap:0 25px;padding:18px 0;margin:0;border-block:1px solid var(--feature-line);background:#f6f6efed;backdrop-filter:blur(16px);font-size:12px}.feature-expanded .feature-onpage strong{font-size:9px;letter-spacing:.15em;margin:0 8px 0 0;color:#7b8777}.feature-expanded .feature-onpage a{display:inline-flex;align-items:center;gap:8px;padding:7px 0;color:#3a5645;text-decoration:none}.feature-expanded .feature-onpage a span{font-size:9px;color:#83907c}.feature-expanded .feature-onpage a:hover{color:#102f23;text-decoration:underline;text-underline-offset:6px}
.feature-expanded .feature-article{max-width:none;min-width:0}.feature-expanded .feature-article section{scroll-margin-top:100px}.feature-expanded .feature-article h2{font-size:clamp(27px,2.5vw,42px);font-weight:500;line-height:1.2;letter-spacing:-.035em;margin:14px 0 22px;text-wrap:balance}
.feature-introduction{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:8vw;padding:66px 0}.feature-section-title{max-width:540px}.feature-use-case{display:flex;align-items:flex-start;gap:12px;margin-top:26px;max-width:430px}.feature-use-case>span{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;background:#e7eddd;border-radius:9px;color:#587447}.feature-use-case svg{width:17px;height:17px}.feature-use-case p{font-size:12px;line-height:1.8;color:#63745c;margin:2px 0 0}.feature-prose{max-width:760px}.feature-prose p{font-size:16px;line-height:1.9;color:var(--feature-text);margin:0 0 20px}.feature-prose p:first-child{font-size:20px;line-height:1.65;letter-spacing:-.015em;color:#314e3e}
.feature-expanded .feature-gallery{margin:0;padding:42px 0 58px;border-top:1px solid var(--feature-line)}.feature-section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:28px}.feature-section-heading h2{margin-bottom:0!important}.feature-section-heading>p{max-width:390px;font-size:13px;line-height:1.8;color:var(--feature-text);margin:0}.feature-gallery .feature-product-shot{max-width:1160px;margin:32px auto 0}.feature-gallery .feature-product-shot+.feature-product-shot{margin-top:45px}
.feature-workflow{padding:44px 0 52px;border-top:1px solid var(--feature-line)}.feature-expanded .feature-how{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:34px 0 0;padding:0}.feature-expanded .feature-how>li{display:block;background:transparent;border:0;border-top:1px solid #c4d1bc;border-radius:0;padding:24px 20px 0 0}.feature-expanded .feature-how>li>span{display:inline-grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#e5ecd9;color:#3e6044;padding:0;font-size:12px}.feature-expanded .feature-how>li>p{font-size:14px;line-height:1.85;color:#405b48;margin:18px 0 0}
.feature-expanded .feature-example{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:6vw;padding:38px 40px;margin:0 0 45px;background:#ede9e0;border:1px solid #e0dbcf;border-radius:20px}.feature-example>div>p{font-size:15px;line-height:1.85;color:#5d6256;max-width:700px;margin-bottom:0}.feature-check{display:flex;align-items:flex-start;gap:14px;align-self:center;padding-left:32px;border-left:1px solid #cfcabc}.feature-check>span{color:#5c7855;flex-shrink:0;margin-top:2px}.feature-check svg{width:22px;height:22px}.feature-check h3{font-size:18px;line-height:1.4;margin:0 0 12px;letter-spacing:-.02em;font-weight:600}.feature-check p{font-size:14px;line-height:1.8;color:#596451;margin:0}
.feature-expanded .feature-location{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:5vw;align-items:center;border-radius:18px;background:#214635;padding:30px 36px;margin:0;color:#fffdf3}.feature-location-heading{display:flex;gap:18px;align-items:center}.feature-location-heading .catalog-icon{flex-shrink:0;width:44px;height:44px;border-radius:12px;background:#d4e7b8;color:#2c4930}.feature-expanded .feature-location .eyebrow{color:#c1d2b0;font-size:9px}.feature-expanded .feature-location h2{font-size:25px;margin:6px 0 0;color:#fffdf3}.feature-location p{font-size:14px;line-height:1.8;margin:0 0 9px;color:#f3f8ed}.feature-location small{font-size:11px;line-height:1.7;color:#c5d5bf}
.feature-expanded .feature-notes{display:grid;grid-template-columns:1fr 1fr;gap:5vw;margin:40px 0 54px}.feature-expanded .feature-notes>section{padding:24px 0 0;border:0;border-top:1px solid var(--feature-line);border-radius:0;background:transparent}.feature-expanded .feature-notes h2{font-size:23px;margin:10px 0 16px}.feature-expanded .feature-notes p{font-size:14px;line-height:1.85;color:var(--feature-text);margin:0}.feature-expanded .feature-related{padding:38px 0 65px}.feature-related h2{margin:10px 0 0;font-size:32px;font-weight:500}.feature-related .section-top{gap:25px}.feature-expanded a:focus-visible,.feature-product-shot>button:focus-visible,.feature-image-close:focus-visible{outline:3px solid #688f48;outline-offset:5px}
/* Enlargement also has no coloured side padding. */
.feature-image-dialog{width:min(1500px,96vw);max-width:96vw;max-height:94dvh;padding:46px 0 0;border:1px solid #dedfd8;border-radius:13px;background:#fbfbf7;color:#263d30;box-shadow:0 30px 100px #0007;overflow:auto}.feature-image-dialog::backdrop{background:#17241deb;backdrop-filter:blur(6px)}.feature-image-dialog>img{display:block;width:100%;height:auto;max-height:none}.feature-image-dialog>p{font-size:12px;line-height:1.6;margin:0;padding:14px 18px}.feature-image-close{position:absolute;top:7px;right:10px;width:32px;height:32px;border:1px solid #d5ddd0;border-radius:8px;display:grid;place-items:center;background:#fff;color:#294b35;font:24px/1 sans-serif;cursor:pointer}.feature-image-close:hover{background:#e5eddc;color:#233f2d}
@media(min-width:1900px){.feature-expanded .feature-detail-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.feature-hero-copy{max-width:720px}.feature-expanded .feature-detail-hero .feature-hero-summary{max-width:600px}}
@media(max-width:1050px){.feature-expanded .feature-detail-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px;padding:42px 0}.feature-expanded .feature-detail-hero h1{font-size:56px}.feature-expanded .feature-detail-hero h1.feature-long-title{font-size:37px}.feature-expanded .feature-detail-hero .feature-hero-promise{font-size:24px}.feature-expanded .feature-onpage{gap:0 18px}.feature-introduction{gap:40px;padding:48px 0}.feature-prose p:first-child{font-size:18px}.feature-expanded .feature-example{gap:30px;padding:28px}.feature-check{padding-left:24px}}
@media(max-width:760px){.feature-expanded .feature-detail-hero{grid-template-columns:1fr;gap:34px;padding:36px 0}.feature-hero-copy{max-width:none}.feature-expanded .feature-detail-hero h1{font-size:60px;margin:18px 0}.feature-expanded .feature-detail-hero .feature-hero-summary{max-width:560px}.feature-expanded .feature-onpage{position:static;padding:12px 0;gap:0 18px}.feature-expanded .feature-onpage strong{display:none}.feature-expanded .feature-onpage a{font-size:11px}.feature-introduction{grid-template-columns:1fr;gap:25px;padding:38px 0}.feature-section-title{max-width:600px}.feature-use-case{margin-top:18px}.feature-section-heading{display:block}.feature-section-heading>p{margin-top:15px;max-width:560px}.feature-expanded .feature-how{grid-template-columns:1fr;gap:20px}.feature-expanded .feature-how>li{display:flex;align-items:flex-start;gap:17px;padding:20px 0 0}.feature-expanded .feature-how>li>span{flex-shrink:0}.feature-expanded .feature-how>li>p{margin:2px 0 0}.feature-expanded .feature-example{grid-template-columns:1fr;gap:25px;padding:25px}.feature-check{padding:24px 0 0;border-left:0;border-top:1px solid #cfcabc}.feature-expanded .feature-location{grid-template-columns:1fr;gap:22px;padding:26px}.feature-expanded .feature-notes{gap:30px}.feature-expanded .feature-gallery,.feature-workflow{padding-block:32px}.feature-image-zoom{right:8px;bottom:8px;padding:7px 9px;font-size:10px}}
@media(max-width:480px){.feature-expanded .feature-detail-hero h1{font-size:51px}.feature-expanded .feature-detail-hero h1.feature-long-title{font-size:35px}.feature-expanded .feature-detail-hero .feature-hero-promise{font-size:23px}.feature-hero-actions{gap:14px;margin-top:24px}.feature-hero-actions .button{padding-inline:16px;font-size:11px}.feature-plan-link{font-size:11px}.feature-expanded .feature-article h2{font-size:28px}.feature-expanded .feature-notes{grid-template-columns:1fr;margin-top:28px}.feature-expanded .feature-notes h2{font-size:23px}.feature-prose p{font-size:15px}.feature-product-shot>button{border-radius:8px}.feature-product-shot figcaption{font-size:11px;gap:10px}.feature-product-shot figcaption small{font-size:10px}.feature-expanded .feature-breadcrumb{font-size:10px;gap:7px}.feature-expanded .feature-example{padding:22px}.feature-expanded .feature-location h2{font-size:25px}.feature-expanded .feature-related .section-top{display:block}.feature-expanded .feature-related .section-top a{margin-top:15px}}