/* Brand and contact pages share the established CoteX visual system. */
::selection{background:#e1b86f;color:#0f1f1a}
.brand-page-hero{padding:32px 0 82px}
.back-link{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);font-size:13px;margin-bottom:34px;text-underline-offset:5px}
.back-link:hover{text-decoration:underline}
.brand-hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:70px;align-items:center}
.product-wordmark{font-family:var(--sans);font-size:clamp(38px,4.3vw,60px);font-weight:600;letter-spacing:-.035em;line-height:1.1;white-space:nowrap}
.product-wordmark sup{font-size:.33em;vertical-align:super;margin-left:3px;letter-spacing:0}
.product-wordmark>span{color:#2e6b3f;font-weight:500}
.brand-promise{font-family:var(--serif);font-size:clamp(27px,2.8vw,38px);line-height:1.2;letter-spacing:-.02em;margin-top:27px;text-wrap:balance}
.brand-audience{color:var(--muted);font-size:16px;line-height:1.7;margin-top:22px;max-width:380px}
.brand-hero-copy .button{margin-top:30px}
.brand-hero-image{min-width:0;background:var(--neutral)}
.brand-hero-image img{width:100%;height:470px;object-fit:cover;object-position:center}
.tabcote-page .brand-hero-image img{object-position:53% center}
.brand-hero-image figcaption{padding:15px 20px;font-size:12px;color:var(--muted)}
.link-arrow{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.brand-story{background:var(--neutral)}
.brand-story-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:70px}
.brand-story h2,.garden-product h2{font-size:clamp(36px,4vw,52px);line-height:1.12;text-wrap:balance}
.story-intro{font-size:18px;line-height:1.7;color:var(--muted)}
.formulation-details{margin:28px 0 0}
.formulation-details>div{display:grid;grid-template-columns:145px 1fr;gap:24px;padding-block:18px;border-top:1px solid #c5cbbf;font-size:14px}
.formulation-details>div:last-child{border-bottom:1px solid #c5cbbf}
.formulation-details dt{font-weight:500}
.formulation-details dd{margin:0;color:var(--muted)}
.brand-cta{padding-block:64px}
.brand-cta .container{display:flex;align-items:center;justify-content:space-between;gap:48px}
.brand-cta h2{font-size:clamp(32px,3.2vw,44px)}
.brand-cta p{color:var(--dark-muted);font-size:16px;line-height:1.7;max-width:650px;margin-top:18px}
.brand-cta .button{flex-shrink:0}
.garden-product{background:var(--neutral)}
.garden-product-grid{display:grid;grid-template-columns:.85fr 1fr;gap:100px;align-items:center}
.garden-pack{display:flex;flex-direction:column;align-items:center;background:var(--paper);padding:28px}
.garden-pack img{height:400px;width:100%;object-fit:contain}
.garden-pack figcaption{font-size:12px;color:var(--muted);margin-top:20px}
.garden-closing{font-size:18px;line-height:1.65;font-weight:500;margin-top:28px;max-width:490px}
.garden-product .text-link{margin-top:20px}
.contact-page-main{padding-block:82px 100px;min-height:calc(100vh - 88px)}
.contact-page-main h1{font-size:clamp(52px,6vw,76px);font-weight:300;line-height:1.08}
.contact-page-main .contact-copy .contact-page-intro{font-family:var(--serif);font-size:30px;line-height:1.2;color:var(--paper);margin:28px 0}
.contact-address{margin-top:38px;padding-top:26px;border-top:1px solid #42594d;font-style:normal;color:var(--dark-muted);font-size:14px;line-height:1.8;max-width:350px}
.contact-address strong{color:var(--paper);font-weight:500}
@media(max-width:1100px){.brand-hero-grid,.brand-story-grid{gap:42px}.brand-hero-image img{height:400px}.garden-product-grid{gap:55px}.brand-cta .container{gap:28px}.brand-cta h2{font-size:36px}.formulation-details>div{grid-template-columns:115px 1fr;gap:16px}}
@media(max-width:900px){.brand-hero-grid{gap:30px}.brand-promise{font-size:28px}.product-wordmark{font-size:40px}.brand-hero-image img{height:390px}.brand-hero-copy .button{font-size:13px;padding-inline:18px;gap:16px}.brand-story-grid{gap:32px}.brand-cta .container{display:block}.brand-cta .button{margin-top:28px}.garden-product-grid{gap:32px}.garden-pack{padding:20px}.garden-pack img{height:330px}.formulation-details>div{grid-template-columns:1fr;gap:4px}.contact-page-main{padding-block:64px}}
@media(max-width:680px){.brand-page-hero{padding:18px 0 50px}.back-link{margin-bottom:20px}.brand-hero-grid,.brand-story-grid,.garden-product-grid{grid-template-columns:1fr;gap:38px}.product-wordmark{font-size:clamp(36px,9.5vw,48px)}.brand-promise{font-size:31px;margin-top:22px}.brand-audience{font-size:16px;margin-top:18px}.brand-hero-copy .button{font-size:14px;margin-top:24px}.brand-hero-image img{height:310px}.brand-story h2,.garden-product h2{font-size:36px}.story-intro{font-size:16px}.formulation-details>div{grid-template-columns:110px 1fr;gap:16px}.brand-cta{padding-block:48px}.brand-cta h2{font-size:34px}.brand-cta p{font-size:15px}.garden-pack img{height:330px}.garden-product-grid>div{grid-row:1}.garden-closing{font-size:17px}.contact-page-main{padding-block:48px 64px}.contact-page-main h1{font-size:54px}.contact-page-main .contact-copy .contact-page-intro{font-size:28px}.contact-address{margin-top:28px;padding-top:22px}.contact-page-main .contact-grid{gap:42px}}
@media(max-width:360px){.product-wordmark{font-size:33px}.brand-promise{font-size:28px}.formulation-details>div{grid-template-columns:1fr;gap:5px}}
@media print{.brand-page-hero{padding-block:24px}.back-link,.brand-cta .button{display:none}.brand-hero-image img{height:280px}.brand-story,.garden-product{background:white}.contact-page-main{min-height:0}.contact-page-main h1{font-size:48px}.contact-page-main .contact-copy .contact-page-intro{color:var(--ink)}}

/* CoteX-N shares the platform cross-section, clearly identified as a schematic. */
.n-diagram{background:#0f1f1a;padding:24px 24px 0}
.n-diagram img{object-fit:contain;height:420px}
.n-diagram figcaption{color:#cfd8d2;border-top:1px solid #456455;padding-inline:0;line-height:1.7}
@media(max-width:680px){.n-diagram{padding:20px 20px 0}.n-diagram img{height:auto}}