/* Native block classes only. Existing page, shop and homepage styling is untouched. */
.cbv2-about { --about-rose:#C45F77; --about-brown:#493E3D; font-family:Poppins,Arial,sans-serif; color:var(--about-brown); }
.cbv2-about *, .cbv2-about *::before, .cbv2-about *::after { box-sizing:border-box; }
.cbv2-about h1,.cbv2-about h2,.cbv2-about h3 { color:var(--about-brown); }
.cbv2-about h1 { font-size:clamp(32px,3.4vw,48px); line-height:1.15; letter-spacing:-1.2px; margin:14px 0 22px; }
.cbv2-about h2 { font-size:clamp(26px,2.5vw,34px); line-height:1.25; letter-spacing:-.7px; margin:12px 0 22px; }
.cbv2-about h3 { font-size:18px; line-height:1.4; margin:18px 0 12px; }
.cbv2-about p { font-size:14px; line-height:1.85; color:#74635f; margin:0 0 16px; }
.cbv2-about .cbv2-about-eyebrow { font-size:11px; font-weight:600; letter-spacing:1.9px; color:var(--about-rose); margin-bottom:10px; }
.cbv2-about .wp-block-image { margin:0; }
.cbv2-about .wp-block-image img { display:block; width:100%; height:auto; border-radius:18px; }
.cbv2-about .wp-block-columns { margin:0; gap:56px; align-items:center; }
.cbv2-about .wp-block-column { min-width:0; }
.cbv2-about .cbv2-about-hero { max-width:1280px; margin:auto; padding:64px 48px; background:#fff1f0; border-radius:0 0 28px 28px; }
.cbv2-about .cbv2-about-hero .wp-block-image img { aspect-ratio:4/5; object-fit:cover; }
.cbv2-about .cbv2-about-story { max-width:1180px; margin:auto; padding:76px 32px; }
.cbv2-about .cbv2-about-story .wp-block-image img { aspect-ratio:1; object-fit:cover; }
.cbv2-about .cbv2-about-collection { max-width:1180px; margin:auto; padding:0 32px 70px; text-align:center; }
.cbv2-about .cbv2-about-card-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; margin-top:30px; text-align:left; }
.cbv2-about .cbv2-about-card { background:#fff8f6; border:1px solid #f1dce2; border-radius:16px; padding:14px 14px 18px; }
.cbv2-about .cbv2-about-card .wp-block-image img { border-radius:10px; aspect-ratio:4/3; object-fit:cover; }
.cbv2-about .cbv2-about-card h3 { font-size:16px; }
.cbv2-about .cbv2-about-card p { font-size:12px; margin-bottom:0; }
.cbv2-about .cbv2-about-philosophy { background:#fff4f2; padding:54px 32px; text-align:center; }
.cbv2-about .cbv2-about-principles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:44px; max-width:1040px; margin:30px auto 0; }
.cbv2-about .cbv2-about-principle { border-top:2px solid #D7798C; padding-top:10px; }
.cbv2-about .cbv2-about-principle p { font-size:13px; }
.cbv2-about .cbv2-about-cta { max-width:800px; text-align:center; margin:auto; padding:68px 24px; }
.cbv2-about .wp-block-buttons { justify-content:center; margin-top:26px; }
.cbv2-about .wp-block-button__link { background:#C45F77; color:white; border-radius:40px; padding:15px 28px; font-size:12px; font-weight:600; text-decoration:none; }
.cbv2-about .wp-block-button__link:hover { background:#aa4c62; }
.cbv2-about .wp-block-button__link:focus-visible { outline:2px solid #493E3D; outline-offset:4px; }
@media(max-width:850px){.cbv2-about .wp-block-columns{gap:28px}.cbv2-about .cbv2-about-hero{padding:40px 28px}.cbv2-about .cbv2-about-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cbv2-about .cbv2-about-principles{gap:24px}}
@media(max-width:700px){.cbv2-about .wp-block-columns{flex-direction:column}.cbv2-about .wp-block-column{flex-basis:auto!important;width:100%}.cbv2-about .cbv2-about-hero{padding:36px 22px}.cbv2-about .cbv2-about-hero .wp-block-image img{aspect-ratio:4/3}.cbv2-about .cbv2-about-story{padding:42px 22px}.cbv2-about .cbv2-about-collection{padding:0 22px 42px}.cbv2-about .cbv2-about-principles{grid-template-columns:1fr;gap:18px}.cbv2-about .cbv2-about-philosophy{padding:36px 22px}.cbv2-about .cbv2-about-cta{padding:45px 22px}}
@media(max-width:480px){.cbv2-about .cbv2-about-card-grid{grid-template-columns:1fr}.cbv2-about .cbv2-about-card{padding:16px}}

/* October 27 editorial About pattern. Legacy About classes above are retained
   so installing the update does not restyle the existing page before migration.
   All content remains native blocks; no positioning depends on JS. */
.cbv2-story-page { --cb-story-rose:#C45F77; --cb-story-ink:#493E3D; color:var(--cb-story-ink); font-family:Poppins,Arial,sans-serif; background:#fffdfb; }
.cbv2-story-page *, .cbv2-story-page *::before, .cbv2-story-page *::after { box-sizing:border-box; }
.cbv2-story-page .cbv2-story-shell { width:min(1120px,calc(100% - 64px)); margin-inline:auto; }
.cbv2-story-page h1,.cbv2-story-page h2,.cbv2-story-page h3 { color:var(--cb-story-ink); font-family:inherit; font-weight:500; text-wrap:balance; }
.cbv2-story-page h1 { font-size:clamp(36px,4.1vw,55px); line-height:1.16; letter-spacing:-1.9px; margin:0 0 26px; }
.cbv2-story-page h2 { font-size:clamp(30px,3.1vw,40px); line-height:1.22; letter-spacing:-1.2px; margin:0 0 24px; }
.cbv2-story-page h3 { font-size:19px; line-height:1.4; letter-spacing:-.35px; margin:0 0 10px; }
.cbv2-story-page p { font-size:15px; line-height:1.85; color:#756965; margin:0 0 18px; }
.cbv2-story-page .cbv2-story-kicker { color:var(--cb-story-rose); font-size:11px; font-weight:600; letter-spacing:2px; line-height:1.6; margin:0 0 20px; }
.cbv2-story-page .cbv2-story-lead { font-size:17px; color:#655753; line-height:1.75; }
.cbv2-story-page .wp-block-columns { gap:68px; align-items:center; margin:0; }
.cbv2-story-page .wp-block-column { min-width:0; }
.cbv2-story-page .cbv2-story-intro { padding-block:58px 72px; }
.cbv2-story-page .cbv2-story-copy { max-width:490px; }
.cbv2-story-page .wp-block-image { margin:0; }
.cbv2-story-page .wp-block-image img { display:block; width:100%; height:auto; aspect-ratio:1/1; object-fit:cover; border-radius:14px; }
.cbv2-story-page .cbv2-story-intro .wp-block-image img { aspect-ratio:4/5; object-position:center; }
.cbv2-story-page .cbv2-story-mission { padding-block:10px 78px; }
.cbv2-story-page .cbv2-story-mission .wp-block-image img { aspect-ratio:5/6; object-position:center; }
.cbv2-story-page .cbv2-story-special { padding-block:62px; background:#f9f3ef; }
.cbv2-story-page .cbv2-story-feature-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:70px; row-gap:30px; margin-top:38px; }
.cbv2-story-page .cbv2-story-feature { border-top:1px solid #e4d3cb; padding-top:20px; }
.cbv2-story-page .cbv2-story-number { color:var(--cb-story-rose); font-size:12px; letter-spacing:1px; font-weight:500; margin-bottom:10px; }
.cbv2-story-page .cbv2-story-feature p:last-child { font-size:14px; max-width:430px; margin-bottom:0; }
.cbv2-story-page .cbv2-story-community { padding-block:68px; text-align:center; }
.cbv2-story-page .cbv2-story-stat { color:var(--cb-story-rose); font-size:clamp(64px,7.2vw,94px); font-weight:500; line-height:1.1; letter-spacing:-4px; margin:0 0 20px; }
.cbv2-story-page .cbv2-story-community h2 { max-width:700px; margin-inline:auto; }
.cbv2-story-page .cbv2-story-community p:not(.cbv2-story-stat):not(.cbv2-story-kicker) { max-width:630px; margin-inline:auto; }
.cbv2-story-page .cbv2-story-social { margin-top:26px; margin-bottom:0; }
.cbv2-story-page .cbv2-story-social a { color:#a94f65; text-decoration:underline; text-underline-offset:5px; font-size:13px; overflow-wrap:anywhere; }
.cbv2-story-page .cbv2-story-cta { background:#fceef0; padding-block:60px; text-align:center; }
.cbv2-story-page .cbv2-story-cta h2 { max-width:750px; margin-inline:auto; }
.cbv2-story-page .cbv2-story-cta p:not(.cbv2-story-kicker) { max-width:580px; margin-inline:auto; }
.cbv2-story-page .wp-block-buttons { justify-content:center; margin-top:26px; }
.cbv2-story-page .wp-block-button__link { display:inline-block; padding:16px 30px; border-radius:40px; background:var(--cb-story-rose); color:#fff; font-family:inherit; font-size:12px; line-height:1.5; font-weight:600; letter-spacing:.5px; text-decoration:none; }
.cbv2-story-page .wp-block-button__link:hover { background:#ad5067; }
.cbv2-story-page a:focus-visible { outline:2px solid #493E3D; outline-offset:5px; }
@media(max-width:1024px) { .cbv2-story-page .wp-block-columns{gap:36px}.cbv2-story-page .cbv2-story-feature-grid{column-gap:38px} }
@media(max-width:781px) {
 .cbv2-story-page .cbv2-story-shell{width:calc(100% - 40px)}
 .cbv2-story-page .wp-block-columns{gap:28px;flex-direction:column}
 .cbv2-story-page .wp-block-column{width:100%;flex-basis:auto!important}
 .cbv2-story-page .cbv2-story-copy{max-width:none}
 .cbv2-story-page .cbv2-story-intro{padding-block:38px 46px}
 .cbv2-story-page h1{font-size:40px;letter-spacing:-1.4px}
 .cbv2-story-page h2{font-size:31px;letter-spacing:-.8px}
 .cbv2-story-page .cbv2-story-intro .wp-block-image img{aspect-ratio:5/4;object-position:center 45%}
 .cbv2-story-page .cbv2-story-mission{padding-block:0 46px}
 .cbv2-story-page .cbv2-story-mission .wp-block-column:first-child{order:2}
 .cbv2-story-page .cbv2-story-mission .wp-block-image img{aspect-ratio:1/1}
 .cbv2-story-page .cbv2-story-special,.cbv2-story-page .cbv2-story-community,.cbv2-story-page .cbv2-story-cta{padding-block:44px}
 .cbv2-story-page .cbv2-story-feature-grid{gap:26px;margin-top:28px}
}
@media(max-width:480px) {
 .cbv2-story-page h1{font-size:36px}
 .cbv2-story-page h2{font-size:29px}
 .cbv2-story-page p{font-size:14px;line-height:1.8}
 .cbv2-story-page .cbv2-story-lead{font-size:16px}
 .cbv2-story-page .cbv2-story-feature-grid{grid-template-columns:1fr}
 .cbv2-story-page .cbv2-story-stat{font-size:68px;letter-spacing:-3px}
 .cbv2-story-page .wp-block-button__link{padding:15px 22px}
}