/* White, readable retailer information pages; product imagery stays unaltered. */
.editorial-page{background:#fff;color:#111;padding-bottom:64px}
.editorial-page *{min-width:0}
.editorial-page p,.editorial-page li,.editorial-page h1,.editorial-page h2,.editorial-page h3,.editorial-page span,.editorial-page summary{color:#111}
.editorial-breadcrumb{display:flex;gap:12px;align-items:center;padding-top:25px;font-size:12px;line-height:1.6;flex-wrap:wrap}
.editorial-breadcrumb .text-link{font-size:12px}.editorial-breadcrumb .text-link>span{display:none}
.editorial-hero{display:grid;gap:28px;align-items:center;padding-top:42px;padding-bottom:42px;border-bottom:1px solid #deded8}
.editorial-hero.has-art{grid-template-columns:minmax(0,1.3fr) minmax(240px,.8fr)}
.editorial-hero h1{font-size:clamp(32px,4.2vw,62px);line-height:1.08;letter-spacing:-.035em;font-weight:750;max-width:900px;overflow-wrap:anywhere}
.editorial-hero .eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:16px}
.editorial-lead{font-size:17px;line-height:1.75;max-width:710px;margin:20px 0 0}
.editorial-hero-art{display:flex;align-items:center;justify-content:center;min-height:240px;max-height:330px;background:#fff;overflow:hidden}
.editorial-hero-art img{width:100%;max-width:280px;height:300px;object-fit:contain;background:#fff}
.editorial-hero-art:has(img:nth-child(2)) img{max-width:37%;height:230px}
.editorial-hero-art:has(img:nth-child(3)) img{max-width:33%;height:200px}
.editorial-section{padding:42px 0;border-bottom:1px solid #e6e6e0}
.editorial-section:last-child{border-bottom:0}
.editorial-section-heading{margin-bottom:20px}
.editorial-section h2,.editorial-status h2{font-size:clamp(23px,2.5vw,34px);line-height:1.2;letter-spacing:-.025em;font-weight:720;margin:0 0 15px;overflow-wrap:anywhere}
.editorial-section h3{font-size:20px;line-height:1.3;font-weight:700;overflow-wrap:anywhere}
.editorial-section p,.editorial-status p{font-size:15px;line-height:1.85;max-width:800px;margin:0 0 18px}
.editorial-reading{max-width:820px}
.editorial-brand-signature{display:block;width:200px;max-width:100%;height:140px;object-fit:contain;background:#fff;margin:0 0 24px}
.editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.editorial-tile{padding:25px;border:1px solid #deded8;border-radius:10px;background:#fff;display:flex;flex-direction:column;align-items:flex-start}
.editorial-tile p{margin-top:10px}.editorial-tile .text-link{margin-top:auto}
.editorial-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:22px}
.editorial-page .button{color:#fff}.editorial-page .button.secondary{color:#111;background:#fff}
.editorial-page .button span{color:inherit}
.editorial-actions .button,.editorial-page .text-link{white-space:normal;overflow-wrap:anywhere;text-align:left}
.editorial-status{border:1px solid #c7d4c8;border-left:4px solid #52785d;padding:24px;margin:28px 0;background:#fff;border-radius:8px}
.editorial-status h2{font-size:21px}.editorial-status p:last-child{margin-bottom:0}
.editorial-origin-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:24px}
.editorial-origin-links>a{border:1px solid #deded8;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;background:#fff}
.editorial-origin-links img{width:100%;height:220px;object-fit:contain;background:#fff;padding:15px}
.editorial-origin-links>a>span{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #deded8;padding:18px;font-size:17px;font-weight:650}
.editorial-feature{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,1.5fr);gap:36px;align-items:center}
.editorial-feature>img{width:100%;height:300px;object-fit:contain;background:#fff}
.editorial-feature .text-link{display:block;margin-top:18px}
.editorial-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;counter-reset:editorial-step;list-style:none;padding:0;margin:0}
.editorial-steps li{counter-increment:editorial-step;border:1px solid #deded8;border-radius:10px;padding:24px;display:flex;flex-direction:column;align-items:flex-start}
.editorial-steps li::before{content:'0' counter(editorial-step);font-size:12px;letter-spacing:.12em;font-weight:750;margin-bottom:24px;color:#111}
.editorial-steps .text-link{margin-top:auto}.editorial-steps p{margin-top:12px}
.editorial-chips{display:flex;gap:12px;flex-wrap:wrap}.editorial-chips a{padding:12px 16px;border:1px solid #cfcfc8;border-radius:999px}
.editorial-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}
.editorial-product-grid:has(>.product-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
.editorial-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.editorial-story{border:1px solid #deded8;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;background:#fff}
.editorial-story-image{height:260px;background:#fff;display:block;border-bottom:1px solid #e6e6e0}
.editorial-story-image img{width:100%;height:100%;object-fit:contain;background:#fff;padding:18px}
.editorial-story>div{padding:25px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.editorial-story h2{font-size:25px;line-height:1.2}.editorial-story .text-link{margin-top:auto}
.editorial-destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.editorial-destinations article{padding:24px;border:1px solid #deded8;border-radius:10px}
.editorial-destinations h3{margin-bottom:14px}.editorial-destinations span{font-size:13px;line-height:1.7;display:block}
.editorial-help-nav{display:flex;flex-wrap:wrap;gap:8px;padding-top:20px;padding-bottom:20px;border-bottom:1px solid #deded8}
.editorial-help-nav a{padding:10px 15px;border:1px solid transparent;border-radius:999px;font-size:13px}
.editorial-help-nav a[aria-current=page]{border-color:#111;background:#fff;font-weight:750}
.editorial-help-nav a:hover{border-color:#111}
.editorial-faq{max-width:900px}.editorial-faq details{padding:18px 0}.editorial-faq summary{font-size:17px;line-height:1.5;cursor:pointer;padding-right:20px}
.editorial-faq details p{margin-top:14px}.editorial-faq details p:last-child{margin-bottom:0}
.editorial-existing .prose{max-width:none}.editorial-existing .prose h2{font-size:25px;margin-top:28px}.editorial-existing .prose h2:first-child{margin-top:0}
.editorial-existing .prose li{font-size:15px;line-height:1.85;margin-bottom:12px}.editorial-existing .prose p{color:#111}
.editorial-existing .prose ol,.editorial-existing .prose ul{padding-left:24px}
.editorial-page :focus-visible{outline:3px solid #111;outline-offset:4px}
@media(max-width:760px){.editorial-hero.has-art{grid-template-columns:1fr}.editorial-hero-art{min-height:160px;max-height:210px}.editorial-hero-art img{height:200px}.editorial-hero-art:has(img:nth-child(3)) img{height:175px}.editorial-lead{font-size:16px}.editorial-grid,.editorial-steps,.editorial-destinations{grid-template-columns:1fr}.editorial-origin-links{gap:12px}.editorial-origin-links img{height:170px;padding:9px}.editorial-origin-links>a>span{padding:13px;font-size:15px;gap:8px}.editorial-section{padding:30px 0}.editorial-tile,.editorial-steps li,.editorial-destinations article{padding:22px}.editorial-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-feature{grid-template-columns:1fr;gap:20px}.editorial-feature>img{height:210px}.editorial-story-grid{gap:18px}.editorial-story>div{padding:19px}.editorial-story h2{font-size:22px}.editorial-story-image{height:220px}}
@media(max-width:540px){.editorial-hero{padding-top:28px;padding-bottom:28px;gap:18px}.editorial-hero h1{font-size:34px}.editorial-breadcrumb{font-size:11px;padding-top:18px}.editorial-breadcrumb .text-link{font-size:11px}.editorial-story-grid,.editorial-origin-links{grid-template-columns:1fr}.editorial-origin-links>a{display:grid;grid-template-columns:100px minmax(0,1fr)}.editorial-origin-links img{height:115px;padding:8px}.editorial-origin-links>a>span{border-top:0;border-left:1px solid #deded8;font-size:17px;padding:16px}.editorial-help-nav{gap:5px}.editorial-help-nav a{font-size:12px;padding:9px 11px}.editorial-section h2{font-size:25px}.editorial-section p,.editorial-status p{font-size:14px}.editorial-status{padding:20px}.editorial-story-image{height:230px}.editorial-product-grid,.editorial-product-grid:has(>.product-card:nth-child(2):last-child){grid-template-columns:1fr;max-width:none}.editorial-product-grid .product-card{max-width:430px;width:100%;justify-self:center}.editorial-actions{align-items:flex-start}.editorial-actions .button{max-width:100%}.editorial-next .editorial-actions{flex-direction:column;align-items:stretch}.editorial-next .text-link{padding:8px 0}.editorial-faq summary{font-size:16px}}
@media(forced-colors:active){.editorial-page :focus-visible{outline-color:Highlight}.editorial-tile,.editorial-story,.editorial-status,.editorial-steps li{border-color:CanvasText}}

/* Meet KCJ skin: a visual brand story with practical shopping routes. */
.about-brand-page { padding-bottom: 32px; }
.about-brand-hero { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.05fr); align-items: center; gap: clamp(30px,5vw,76px); padding-top: 35px; padding-bottom: 55px; }
.about-brand-intro > .eyebrow { display: block; margin-bottom: 18px; font-size: 10px; letter-spacing: .13em; line-height: 1.7; }
.about-brand-intro h1 { margin: 0 0 23px; font-size: clamp(42px,4.9vw,70px); line-height: 1.05; letter-spacing: -.055em; font-weight: 780; }
.about-brand-intro > .about-brand-tagline { margin: 0 0 20px; font-size: clamp(20px,2vw,27px); line-height: 1.35; letter-spacing: -.025em; font-weight: 650; max-width: 31ch; }
.about-brand-intro > p:not(.about-brand-tagline) { max-width: 49ch; margin: 0; font-size: 14px; line-height: 1.8; }
.about-brand-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 22px; margin-top: 26px; }
.about-brand-actions > a { min-height: 44px; display: inline-flex; align-items: center; gap: 12px; font-size: 12px; line-height: 1.5; white-space: normal; }
.about-brand-actions > .button { padding: 14px 19px; border-radius: 5px; text-align: left; }
.about-brand-visual { margin: 0; position: relative; overflow: hidden; background: #f6f2eb; border-radius: 12px; }
.about-brand-visual > img { display: block; width: 100%; aspect-ratio: 1.02; height: auto; object-fit: cover; object-position: center; }
.about-brand-visual > figcaption { padding: 18px 23px; font-size: 11px; line-height: 1.7; border-top: 1px solid #e7e2d8; background: #fff1e7; }
.about-purpose { display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); gap: clamp(30px,5vw,76px); padding-block: 40px; border-top: 1px solid #dfe5dc; }
.about-section-heading > .eyebrow { display: block; margin-bottom: 13px; font-size: 10px; line-height: 1.7; letter-spacing: .12em; }
.about-section-heading > h2 { margin: 0; font-size: clamp(29px,3.2vw,44px); font-weight: 750; line-height: 1.12; letter-spacing: -.04em; }
.about-purpose .about-section-heading h2 { max-width: 20ch; }
.about-purpose > p { margin: 0; font-size: 15px; line-height: 1.85; max-width: 58ch; align-self: center; }
.about-principles { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; padding-bottom: 48px; }
.about-principles > article { display: flex; flex-direction: column; padding: 24px; background: #f5f8f2; border-radius: 9px; }
.about-principle-number { font-size: 11px; font-weight: 750; letter-spacing: .06em; margin-bottom: 25px; }
.about-principles h3 { font-size: 22px; line-height: 1.2; letter-spacing: -.03em; margin: 0 0 13px; }
.about-principles p { margin: 0 0 18px; font-size: 13px; line-height: 1.75; }
.about-principles .text-link { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; margin-top: auto; padding-top: 12px; border-top: 1px solid #d8e2d1; font-size: 11px; line-height: 1.5; }
.about-origins-section { padding-block: 44px 30px; border-block: 1px solid #e5e6e0; background: #fffaf5; }
.about-origins-section .about-section-heading > p { font-size: 14px; line-height: 1.8; max-width: 70ch; margin: 18px 0 27px; }
.about-origin-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.about-origin-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #e4e4da; border-radius: 10px; overflow: hidden; }
.about-origin-image { display: block; overflow: hidden; }
.about-origin-image img { display: block; width: 100%; aspect-ratio: 1.5; height: auto; object-fit: cover; transition: transform .25s ease; }
.about-origin-card:hover .about-origin-image img { transform: scale(1.035); }
.about-origin-card > div { display: flex; flex-direction: column; flex: 1; padding: 23px; }
.about-origin-card h3 { margin: 0 0 12px; font-size: 25px; line-height: 1.2; letter-spacing: -.03em; }
.about-origin-card p { margin: 0 0 16px; font-size: 13px; line-height: 1.75; }
.about-origin-card .text-link { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; margin-top: auto; border-top: 1px solid #e6e5dc; padding-top: 14px; font-size: 11px; line-height: 1.5; }
.about-image-note { font-size: 10px; line-height: 1.65; margin: 18px 0 0; }
.about-authenticity { display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); gap: clamp(30px,5vw,76px); padding-block: 56px; }
.about-authenticity .about-section-heading h2 { max-width: 16ch; }
.about-authenticity .about-section-heading .text-link { display: inline-flex; align-items: center; gap: 14px; min-height: 44px; margin-top: 18px; font-size: 12px; }
.about-authenticity > div > p { margin: 0 0 20px; font-size: 14px; line-height: 1.85; }
.about-authenticity ol { list-style: none; padding: 0; margin: 0 0 18px; }
.about-authenticity li { display: flex; align-items: center; gap: 16px; min-height: 55px; padding: 13px 0; border-top: 1px solid #e2e7de; font-size: 13px; line-height: 1.65; }
.about-authenticity li > span { font-size: 10px; font-weight: 750; flex: 0 0 20px; }
.about-authenticity > div > .about-authenticity-status { font-size: 11px; line-height: 1.7; padding: 14px 17px; background: #f3f6ef; border-left: 3px solid #214e43; margin-bottom: 0; }
.about-discovery { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 0; padding-block: 0; align-items: stretch; }
.about-discovery-image { min-width: 0; overflow: hidden; border-radius: 12px 0 0 12px; background: #eef2e9; }
.about-discovery-image > img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.about-discovery-copy { padding: clamp(26px,4vw,52px); background: #edf3e8; border-radius: 0 12px 12px 0; }
.about-discovery-copy .eyebrow { font-size: 10px; line-height: 1.7; letter-spacing: .1em; }
.about-discovery-copy h2 { font-size: clamp(30px,3vw,42px); line-height: 1.13; letter-spacing: -.04em; margin: 14px 0 20px; max-width: 21ch; }
.about-discovery-copy > p { max-width: 60ch; font-size: 14px; line-height: 1.85; margin: 0; }
.about-discovery-copy > small { display: block; font-size: 10px; line-height: 1.6; margin-top: 18px; }
.about-closing { display: flex; justify-content: space-between; align-items: center; gap: 30px; padding-block: 45px 25px; }
.about-closing h2 { margin: 0 0 14px; max-width: 27ch; font-size: clamp(27px,3vw,39px); line-height: 1.15; letter-spacing: -.04em; }
.about-closing p { margin: 0; max-width: 65ch; font-size: 13px; line-height: 1.75; }
.about-closing .button { flex-shrink: 0; font-size: 12px; min-height: 46px; border-radius: 5px; gap: 14px; }
.about-current-status .editorial-status { margin: 12px 0 0; padding: 19px 22px; border: 1px solid #e1e7da; border-left: 3px solid #bacab1; background: #fff; }
.about-current-status .editorial-status h2 { font-size: 15px; line-height: 1.45; margin-bottom: 8px; }
.about-current-status .editorial-status p { font-size: 11px; line-height: 1.75; max-width: none; }
.about-origin-image:focus-visible { outline-offset: -4px; }
@media(max-width:1000px) {
  .about-brand-hero { gap: 30px; }
  .about-brand-intro h1 { font-size: 48px; }
  .about-principles { gap: 18px; }
  .about-principles > article { padding: 21px; }
  .about-origin-grid { gap: 18px; }
  .about-origin-card > div { padding: 20px; }
  .about-origin-card h3 { font-size: 23px; }
  .about-discovery-copy { padding: 29px; }
}
@media(max-width:760px) {
  .about-brand-hero { grid-template-columns: minmax(0,1fr); gap: 25px; padding-top: 28px; padding-bottom: 35px; }
  .about-brand-intro h1 { max-width: 14ch; font-size: 49px; margin-bottom: 20px; }
  .about-brand-intro > .about-brand-tagline { font-size: 23px; max-width: 32ch; margin-bottom: 16px; }
  .about-brand-intro > p:not(.about-brand-tagline) { font-size: 14px; max-width: 65ch; }
  .about-brand-visual > img { aspect-ratio: 1.7; }
  .about-brand-visual > figcaption { padding: 14px 19px; font-size: 10px; }
  .about-purpose { grid-template-columns: minmax(0,1fr); gap: 19px; padding-block: 30px; }
  .about-section-heading > h2 { font-size: 33px; }
  .about-purpose > p { font-size: 14px; max-width: none; }
  .about-principles { grid-template-columns: minmax(0,1fr); gap: 14px; padding-bottom: 32px; }
  .about-principles > article { display: grid; grid-template-columns: 27px minmax(0,1fr); gap: 0 14px; padding: 23px; }
  .about-principle-number { grid-column: 1; grid-row: 1/4; margin-top: 3px; margin-bottom: 0; }
  .about-principles h3,.about-principles p,.about-principles .text-link { grid-column: 2; }
  .about-principles h3 { font-size: 22px; }
  .about-principles p { margin-bottom: 13px; }
  .about-principles .text-link { min-height: 44px; font-size: 12px; }
  .about-origins-section { padding-block: 32px 24px; }
  .about-origin-grid { grid-template-columns: minmax(0,1fr); gap: 17px; }
  .about-origin-card { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); }
  .about-origin-image img { height: 100%; min-height: 200px; aspect-ratio: auto; object-position: 65% center; }
  .about-origin-card > div { padding: 21px 19px; }
  .about-origin-card h3 { font-size: 23px; }
  .about-origin-card p { font-size: 12px; }
  .about-authenticity { grid-template-columns: minmax(0,1fr); gap: 19px; padding-block: 34px; }
  .about-authenticity .about-section-heading h2 { max-width: 22ch; }
  .about-authenticity .about-section-heading .text-link { margin-top: 13px; }
  .about-authenticity > div > p { font-size: 14px; }
  .about-discovery { grid-template-columns: minmax(0,1fr); }
  .about-discovery-image { border-radius: 10px 10px 0 0; aspect-ratio: 1.8; }
  .about-discovery-copy { border-radius: 0 0 10px 10px; padding: 27px; }
  .about-discovery-copy h2 { font-size: 34px; }
  .about-closing { flex-direction: column; align-items: flex-start; padding-block: 33px 23px; gap: 19px; }
  .about-closing h2 { font-size: 32px; }
}
@media(max-width:430px) {
  .about-brand-intro h1 { font-size: 39px; max-width: none; }
  .about-brand-intro > .about-brand-tagline { font-size: 22px; }
  .about-brand-actions { gap: 10px 18px; margin-top: 22px; }
  .about-section-heading > h2 { font-size: 31px; }
  .about-principles > article { padding: 21px 18px; gap: 0 10px; }
  .about-origin-card { grid-template-columns: minmax(0,1fr); }
  .about-origin-image img { height: auto; min-height: 0; aspect-ratio: 1.75; object-position: center; }
  .about-origin-card > div { padding: 21px; }
  .about-origin-card h3 { font-size: 25px; }
  .about-origin-card p { font-size: 13px; }
  .about-discovery-copy { padding: 23px; }
  .about-discovery-copy h2 { font-size: 31px; }
  .about-discovery-copy .about-brand-actions { flex-direction: column; align-items: flex-start; }
}
@media(max-width:360px) {
  .about-brand-intro h1 { font-size: 35px; }
  .about-brand-intro > .about-brand-tagline { font-size: 21px; }
  .about-discovery-copy { padding: 20px; }
  .about-discovery-copy h2 { font-size: 29px; }
}
@media(prefers-reduced-motion:reduce) {
  .about-origin-image img { transition: none; }
  .about-origin-card:hover .about-origin-image img { transform: none; }
}

/* Original products: an editorial journey from provenance to the exact pack. */
.standards-page { padding-bottom: 52px; }
.standards-page .eyebrow { display: block; font-size: 10px; font-weight: 650; line-height: 1.65; letter-spacing: .13em; }
.standards-hero { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.05fr); align-items: center; gap: 32px clamp(28px,4.5vw,70px); padding-top: 44px; padding-bottom: 38px; }
.standards-hero-copy > .eyebrow { margin-bottom: 22px; }
.standards-hero h1 { margin: 0; font-size: clamp(42px,4.7vw,68px); font-weight: 780; line-height: 1.06; letter-spacing: -.055em; text-wrap: balance; }
.standards-hero h1 em { display: inline-block; color: #214e43 !important; font-style: normal; }
.standards-hero-copy > p { max-width: 43ch; margin: 24px 0 0; font-size: 16px; line-height: 1.8; }
.standards-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 24px; margin-top: 28px; }
.standards-actions a { display: inline-flex; align-items: center; justify-content: space-between; gap: 15px; min-height: 44px; font-size: 12px; line-height: 1.5; text-align: left; }
.standards-page .button { padding: 15px 20px; border-radius: 5px; }
.standards-visual { margin: 0; padding: 30px 25px 23px; background: #f3f3e9; border-radius: 120px 10px 10px 10px; overflow: hidden; }
.standards-pack-stage { display: grid; grid-template-columns: 1fr 1.15fr 1fr; align-items: end; gap: 12px; min-height: 340px; padding-top: 30px; }
.standards-pack { position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; min-height: 238px; padding: 17px 10px 18px; background: #fff; border-radius: 4px; box-shadow: 0 12px 23px #1d493a0b; transition: transform .2s ease; }
.standards-pack:hover { transform: translateY(-5px); }
.standards-pack-2 { align-self: start; min-height: 280px; margin-top: 0; background: #fdfdfb; }
.standards-pack-3 { margin-bottom: 27px; }
.standards-pack-origin { display: block; align-self: stretch; margin-bottom: 14px; font-size: 9px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; text-align: center; }
.standards-pack img { display: block; width: 100%; height: 174px; object-fit: contain; mix-blend-mode: multiply; }
.standards-pack-2 img { height: 205px; }
.standards-pack-brand { margin-top: 13px; font-size: 9px; font-weight: 650; line-height: 1.4; text-align: center; }
.standards-visual > figcaption { margin-top: 25px; padding-top: 18px; border-top: 1px solid #d5dccc; font-size: 11px; line-height: 1.6; text-align: center; }
.standards-opening { grid-column: 1/-1; display: grid; grid-template-columns: minmax(0,.45fr) minmax(0,1.55fr); align-items: start; gap: 24px; padding: 24px 0; margin-top: 7px; border-block: 1px solid #dbe2dc; }
.standards-opening > span { font-size: 10px; line-height: 1.7; font-weight: 650; letter-spacing: .12em; }
.standards-opening > p { max-width: 82ch; margin: 0; font-size: 12px; line-height: 1.85; }
.standards-process,.standards-evidence { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: clamp(34px,7vw,110px); padding-block: 50px 65px; }
.standards-section-intro > .eyebrow { margin-bottom: 17px; }
.standards-section-intro h2,.standards-detail-copy h2,.standards-closing h2 { margin: 0 0 20px; font-size: clamp(30px,3.2vw,43px); line-height: 1.13; letter-spacing: -.045em; font-weight: 750; text-wrap: balance; }
.standards-section-intro > p,.standards-detail-copy > p { margin: 0 0 22px; max-width: 52ch; font-size: 14px; line-height: 1.85; }
.standards-section-intro .text-link { display: inline-flex; gap: 16px; align-items: center; font-size: 12px; line-height: 1.65; padding-block: 8px; }
.standards-step-list { list-style: none; margin: 0; padding: 0; }
.standards-step-list > li { display: grid; grid-template-columns: 45px minmax(0,1fr); gap: 22px; padding: 26px 0; border-top: 1px solid #dce3db; }
.standards-step-list > li:first-child { padding-top: 0; border-top: 0; }
.standards-step-list > li:last-child { padding-bottom: 0; }
.standards-step-number { color: #577366 !important; font-size: 25px; letter-spacing: -.04em; line-height: 1.3; font-weight: 450; }
.standards-step-list .eyebrow { margin: 0 0 9px; font-size: 9px; }
.standards-step-list h3 { margin: 0 0 11px; font-size: 21px; line-height: 1.28; letter-spacing: -.025em; font-weight: 700; }
.standards-step-list p { margin: 0; font-size: 13px; line-height: 1.85; }
.standards-detail-band { background: #fff7f1; padding-block: 60px; border-block: 1px solid #f0e8df; }
.standards-detail { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1fr); gap: clamp(32px,6vw,95px); align-items: center; }
.standards-example-visual { margin: 0; padding: 25px 25px 0; }
.standards-example-visual > img { display: block; width: 100%; height: 345px; object-fit: contain; mix-blend-mode: multiply; }
.standards-example-visual > figcaption { max-width: 43ch; margin: 24px auto 0; font-size: 11px; line-height: 1.85; text-align: center; }
.standards-detail-copy > .eyebrow { margin-bottom: 17px; }
.standards-example-name { padding-top: 18px; margin-top: 25px; border-top: 1px solid #e4d7cc; }
.standards-example-name > span { display: block; margin-bottom: 9px; font-size: 10px; letter-spacing: .09em; font-weight: 700; text-transform: uppercase; }
.standards-example-name h3 { margin: 0; font-size: 20px; line-height: 1.35; letter-spacing: -.025em; }
.standards-detail-points { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 14px 0 20px; gap: 7px 14px; }
.standards-detail-points li { display: flex; gap: 9px; align-items: center; font-size: 10px; line-height: 1.6; }
.standards-detail-points li::before { content: ''; width: 4px; height: 4px; flex-shrink: 0; border-radius: 50%; background: #d4775f; }
.standards-detail-copy > .button { display: inline-flex; gap: 20px; font-size: 12px; }
.standards-evidence { padding-block: 65px; }
.standards-evidence-list .faq-list { margin: 0; }
.standards-evidence-list details { border: 0; border-top: 1px solid #dce3db; border-radius: 0; padding: 0; background: transparent; }
.standards-evidence-list details:last-child { border-bottom: 1px solid #dce3db; }
.standards-evidence-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; list-style: none; padding: 23px 0; font-size: 17px; font-weight: 650; line-height: 1.45; letter-spacing: -.02em; cursor: pointer; }
.standards-evidence-list summary::-webkit-details-marker { display: none; }
.standards-evidence-list summary::after { content: '+'; flex-shrink: 0; font-size: 23px; line-height: 1; font-weight: 400; }
.standards-evidence-list details[open] summary::after { content: '−'; }
.standards-evidence-list details > p { margin: 0; padding: 0 32px 24px 0; font-size: 13px; line-height: 1.85; max-width: 66ch; }
.standards-closing { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); align-items: center; gap: 30px; padding: 36px 42px; background: #edf4ee; border-radius: 8px; }
.standards-closing h2 { font-size: clamp(26px,2.7vw,34px); margin-bottom: 14px; }
.standards-closing p { margin: 0; max-width: 60ch; font-size: 13px; line-height: 1.8; }
.standards-closing .standards-actions { justify-content: flex-end; margin: 0; }
.standards-page a:focus-visible,.standards-page summary:focus-visible { outline: 3px solid #214e43; outline-offset: 5px; }
@media(max-width:980px) {
 .standards-hero { gap: 28px; }
 .standards-hero h1 { font-size: clamp(40px,5vw,56px); }
 .standards-visual { padding: 20px 16px; border-top-left-radius: 85px; }
 .standards-pack-stage { gap: 8px; min-height: 300px; }
 .standards-pack { padding-inline: 7px; min-height: 208px; }
 .standards-pack img { height: 145px; }
 .standards-pack-2 { min-height: 255px; }
 .standards-pack-2 img { height: 180px; }
 .standards-pack-brand { font-size: 8px; }
 .standards-closing { grid-template-columns: 1fr; }
 .standards-closing .standards-actions { justify-content: flex-start; }
}
@media(max-width:760px) {
 .standards-hero { grid-template-columns: 1fr; padding-top: 29px; padding-bottom: 28px; gap: 28px; }
 .standards-hero-copy > .eyebrow { margin-bottom: 17px; }
 .standards-hero h1 { font-size: clamp(39px,7.5vw,56px); max-width: 15ch; }
 .standards-hero-copy > p { font-size: 15px; margin-top: 19px; }
 .standards-actions { margin-top: 23px; gap: 10px 20px; }
 .standards-visual { max-width: 560px; width: 100%; justify-self: center; padding: 24px 21px; }
 .standards-pack-stage { min-height: 275px; padding-top: 10px; gap: 13px; }
 .standards-pack { min-height: 211px; padding: 17px 10px; }
 .standards-pack-2 { min-height: 245px; }
 .standards-pack img { height: 149px; }
 .standards-pack-2 img { height: 185px; }
 .standards-visual > figcaption { margin-top: 21px; font-size: 10px; }
 .standards-opening { grid-template-columns: 1fr; gap: 9px; padding-block: 20px; margin-top: 0; }
 .standards-opening p { font-size: 12px; }
 .standards-process,.standards-evidence { grid-template-columns: 1fr; gap: 29px; padding-block: 30px 43px; }
 .standards-section-intro h2,.standards-detail-copy h2 { max-width: 20ch; font-size: 32px; }
 .standards-section-intro > p { max-width: 58ch; margin-bottom: 0; }
 .standards-step-list > li { grid-template-columns: 34px minmax(0,1fr); gap: 18px; padding-block: 23px; }
 .standards-step-list > li:first-child { padding-top: 23px; border-top: 1px solid #dce3db; }
 .standards-step-number { font-size: 23px; }
 .standards-step-list h3 { font-size: 20px; }
 .standards-detail-band { padding-block: 33px 39px; }
 .standards-detail { grid-template-columns: 1fr; gap: 32px; }
 .standards-example-visual { padding: 0 24px; }
 .standards-example-visual > img { height: 235px; }
 .standards-example-visual > figcaption { margin-top: 18px; }
 .standards-detail-copy > p { font-size: 13px; }
 .standards-evidence { padding-block: 43px; }
 .standards-evidence-list summary { font-size: 16px; padding-block: 20px; }
 .standards-closing { padding: 27px 25px; gap: 22px; }
 .standards-closing .standards-actions { align-items: flex-start; flex-direction: column; }
}
@media(max-width:380px) {
 .standards-hero h1 { font-size: 37px; }
 .standards-visual { padding: 18px 12px; }
 .standards-pack-stage { gap: 7px; min-height: 242px; }
 .standards-pack { min-height: 189px; padding-inline: 5px; }
 .standards-pack img { height: 128px; }
 .standards-pack-2 { min-height: 224px; }
 .standards-pack-2 img { height: 160px; }
 .standards-pack-origin { font-size: 8px; }
 .standards-actions { column-gap: 16px; }
 .standards-actions a { font-size: 11px; }
 .standards-section-intro h2,.standards-detail-copy h2 { font-size: 29px; }
}
@media(prefers-reduced-motion:reduce) { .standards-pack { transition: none; } .standards-pack:hover { transform: none; } }
@media(forced-colors:active) { .standards-opening,.standards-step-list > li,.standards-evidence-list details,.standards-closing { border-color: CanvasText; } .standards-page a:focus-visible,.standards-page summary:focus-visible { outline-color: Highlight; } }