.ccp{--ccp-ink:#172f4a;--ccp-red:#ad3540;--ccp-muted:#506476;--ccp-line:#d7e1e8;color:var(--ccp-ink);background:#fff;padding:86px 0 78px;position:relative}
.ccp *{box-sizing:border-box}
.ccp-wrap{max-width:1200px;width:calc(100% - 2 * var(--gutter,40px));margin-inline:auto}
.ccp h2,.ccp h3,.ccp p,.ccp figure{margin:0}
.ccp h2{font:400 clamp(35px,3.4vw,48px)/1.13 "DM Serif Text",Georgia,serif;letter-spacing:-.025em}
.ccp h2 em{color:var(--ccp-red);font-weight:400;font-synthesis:none}
.ccp h3{font:400 28px/1.14 "DM Serif Text",Georgia,serif;letter-spacing:-.02em}
.ccp p{font:400 14px/1.8 Arial,Helvetica,sans-serif;color:var(--ccp-muted)}
.ccp-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:end;margin-bottom:42px}
.ccp-heading>p{max-width:410px;justify-self:end;padding-bottom:4px;font-size:15px}
.ccp-heading.ccp-centered{display:block;text-align:center}
.ccp-centered>p{max-width:600px;margin:21px auto 0;padding:0}
.ccp a{color:inherit;text-decoration:none}
.ccp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.ccp-goal{display:block;min-width:0}
.ccp-goal figure{height:285px;overflow:hidden;border-radius:3px}
.ccp-goal img,.ccp-feature img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.ccp img.ccp-photo-car{object-position:57% center}
.ccp img.ccp-photo-home{object-position:54% center}
.ccp img.ccp-photo-job{object-position:54% center}
.ccp img.ccp-photo-card{object-position:50% 38%}
.ccp-caption{display:grid;grid-template-columns:1fr 20px;column-gap:13px;align-items:start;padding:24px 0 22px;border-bottom:1px solid var(--ccp-line);min-height:163px}
.ccp-index{font:400 10px/1.5 Arial,Helvetica,sans-serif;color:#748999;letter-spacing:1px}
.ccp-caption>.ccp-index{grid-column:1/-1;display:none;margin-bottom:14px}
.ccp-caption-copy p{font-size:12px;margin-top:10px}
.ccp-arrow{font:400 19px/1.3 Arial,Helvetica,sans-serif;color:var(--ccp-red);display:inline-block;flex-shrink:0}
.ccp-caption>.ccp-arrow{margin-top:4px;transition:transform .2s ease}
.ccp-goal:hover .ccp-caption{border-color:#8ea5b5}
.ccp-goal:hover img{transform:scale(1.025)}
.ccp-goal:hover .ccp-arrow{transform:translate(2px,-2px)}
.ccp-closing{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:32px}
.ccp-closing>p{font:400 23px/1.3 "DM Serif Text",Georgia,serif;color:var(--ccp-ink)}
.ccp-link{display:inline-flex;align-items:center;gap:26px;padding:10px 0;border-bottom:1px solid #b0c0cc;font:600 13px/1.5 Arial,Helvetica,sans-serif}
.ccp-link .ccp-arrow{font-size:17px}
.ccp-link:hover{border-color:var(--ccp-red);color:var(--ccp-red)}
.ccp a:focus-visible,.ccp button:focus-visible,.ccp [tabindex]:focus-visible{outline:3px solid #527a99;outline-offset:5px}

/* 02 — A shared baseline below four photographs with different starting points. */
.ccp-editorial-rhythm .ccp-heading{margin-bottom:43px}
.ccp-editorial-rhythm .ccp-grid{gap:27px;grid-template-columns:1.08fr 1fr 1fr .96fr}
.ccp-editorial-rhythm .ccp-goal figure{height:332px}
.ccp-editorial-rhythm .ccp-goal-home{padding-top:57px}
.ccp-editorial-rhythm .ccp-goal-home figure{height:275px}
.ccp-editorial-rhythm .ccp-goal-job{padding-top:24px}
.ccp-editorial-rhythm .ccp-goal-job figure{height:308px}
.ccp-editorial-rhythm .ccp-goal-card{padding-top:79px}
.ccp-editorial-rhythm .ccp-goal-card figure{height:253px}
.ccp-editorial-rhythm .ccp-caption{min-height:178px;padding-top:22px}
.ccp-editorial-rhythm .ccp-caption>.ccp-index{display:block}
.ccp-editorial-rhythm .ccp-caption h3{font-size:27px}
.ccp-editorial-rhythm .ccp-closing{margin-top:27px}

/* 03 — Broad photographs with inset paper captions, arranged in two rows. */
.ccp-framed-moments{background:#f5f7f9;padding-block:78px}
.ccp-framed-moments .ccp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 34px}
.ccp-framed-moments .ccp-goal figure{height:286px;border-radius:4px}
.ccp-framed-moments .ccp-caption{position:relative;z-index:1;min-height:112px;margin:-45px 22px 0;padding:23px 25px;background:#fff;border:1px solid #e0e7ec;border-radius:2px;grid-template-columns:22px 1fr 20px;gap:16px;box-shadow:0 5px 16px #172f4a04}
.ccp-framed-moments .ccp-caption>.ccp-index{display:block;grid-column:auto;margin:6px 0 0}
.ccp-framed-moments .ccp-caption h3{font-size:29px;max-width:360px}
.ccp-framed-moments .ccp-caption-copy p{font-size:13px;margin-top:8px}
.ccp-framed-moments img.ccp-photo-card{object-position:50% 33%}
.ccp-framed-moments .ccp-closing{padding-top:8px;margin-top:31px}

/* 04 — All four choices stay visible next to one selected photograph. */
.ccp-your-next-chapter .ccp-heading{margin-bottom:41px}
.ccp-explorer{display:grid;grid-template-columns:1.11fr 1fr;gap:70px;align-items:center}
.ccp-feature{min-width:0;background:#edf3f7;border-radius:4px;overflow:hidden}
.ccp-feature-panel[hidden]{display:none!important}
.ccp-feature-panel figure{height:420px;overflow:hidden}
.ccp-feature-panel .ccp-photo-home{object-position:54% center}
.ccp-feature-panel .ccp-photo-card{object-position:50% 37%}
.ccp-feature-note{background:#f5f7f9;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;border:1px solid var(--ccp-line);border-top:0;border-radius:0 0 4px 4px}
.ccp-feature-note p{font:400 24px/1.3 "DM Serif Text",Georgia,serif;color:var(--ccp-ink)}
.ccp-choices{border-top:1px solid var(--ccp-line)}
.ccp-choice{display:grid;grid-template-columns:25px 1fr 25px;align-items:center;gap:16px;border:0;border-bottom:1px solid var(--ccp-line);width:100%;padding:22px 19px 23px;text-align:left;color:var(--ccp-ink);background:transparent;cursor:pointer;position:relative;border-radius:0;font-family:Arial,Helvetica,sans-serif}
.ccp-choice-title{display:block;font:400 29px/1.17 "DM Serif Text",Georgia,serif;letter-spacing:-.02em;max-width:340px}
.ccp-choice-note{display:block;font:400 12px/1.6 Arial,Helvetica,sans-serif;color:var(--ccp-muted);margin-top:8px}
.ccp-choice>.ccp-arrow{color:#8da2b2;justify-self:end}
.ccp-choice[aria-selected=true]{background:#f5f7f9}
.ccp-choice[aria-selected=true]::before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:2px;background:var(--ccp-red)}
.ccp-choice[aria-selected=true]>.ccp-arrow{color:var(--ccp-red)}
.ccp-choice:hover{background:#f5f7f9}
.ccp-choices-wrap>.ccp-link{margin-top:23px;margin-left:19px}

/* 05 — Small, custom line drawings and ample white paper. */
.ccp-quiet-possibilities{background:#f5f7f9;padding-block:78px}
.ccp-quiet-possibilities .ccp-grid{gap:0;border:1px solid var(--ccp-line);border-radius:4px;background:#fff;overflow:hidden}
.ccp-quiet-possibilities .ccp-goal{padding:25px 29px 28px;border-right:1px solid var(--ccp-line);transition:background .2s}
.ccp-quiet-possibilities .ccp-goal:last-child{border-right:0}
.ccp-art{height:155px;margin-bottom:14px;display:flex;align-items:center;justify-content:center}
.ccp-illustration{display:block;width:155px;height:145px;stroke:var(--ccp-ink);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.ccp-svg-wash{fill:#edf3f7;stroke:none}
.ccp-svg-red{stroke:var(--ccp-red)}
.ccp-quiet-possibilities .ccp-caption{border:0;padding:17px 0 0;min-height:158px;column-gap:7px;grid-template-columns:1fr 16px}
.ccp-quiet-possibilities .ccp-caption>.ccp-index{display:block;margin-bottom:14px}
.ccp-quiet-possibilities .ccp-caption h3{font-size:26px}
.ccp-quiet-possibilities .ccp-goal:hover{background:#fafbfc}
.ccp-quiet-possibilities .ccp-caption>.ccp-arrow{font-size:17px}
.ccp-quiet-possibilities .ccp-closing{margin-top:27px}

.ccp-compare-heading{max-width:1200px;width:calc(100% - 80px);margin:0 auto;padding:40px 0 30px}
.ccp-compare-heading a{font:600 12px/1.5 Arial,sans-serif;text-decoration:none;color:#506476}
.ccp-compare-heading h1{font:400 35px/1.2 "DM Serif Text",Georgia,serif;margin:22px 0 12px}
.ccp-compare-heading p{font:400 14px/1.6 Arial,sans-serif;color:#506476;margin:0}
.ccp-design-label{background:#172f4a;color:white;padding:17px max(var(--gutter,40px),calc((100% - 1200px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px;font:600 12px/1.5 Arial,sans-serif;scroll-margin-top:0}
.ccp-design-label a{font-weight:400;text-decoration:none;color:white;font-size:12px}
.ccp-section-preview{background:#fff}

@media(max-width:1100px){
 .ccp{padding-block:70px}.ccp-heading{gap:45px}.ccp h2{font-size:42px}.ccp-heading>p{font-size:14px;max-width:350px}.ccp-grid{gap:20px}.ccp-goal figure{height:255px}.ccp h3{font-size:25px}.ccp-caption{min-height:150px}.ccp-caption-copy p{font-size:12px}.ccp-editorial-rhythm .ccp-grid{gap:20px}.ccp-editorial-rhythm .ccp-caption h3{font-size:25px}.ccp-editorial-rhythm .ccp-caption{min-height:176px}.ccp-framed-moments .ccp-caption{margin-inline:17px;padding:22px;grid-template-columns:17px 1fr 17px;gap:11px}.ccp-framed-moments .ccp-caption h3{font-size:26px}.ccp-explorer{gap:40px;grid-template-columns:1.05fr 1fr}.ccp-choice-title{font-size:27px}.ccp-choice{gap:11px;padding-inline:15px;grid-template-columns:21px 1fr 19px}.ccp-choices-wrap>.ccp-link{margin-left:15px}.ccp-quiet-possibilities .ccp-goal{padding-inline:22px}.ccp-quiet-possibilities .ccp-caption h3{font-size:25px}.ccp-quiet-possibilities .ccp-caption{min-height:163px}
}
@media(max-width:850px){
 .ccp h2{font-size:38px}.ccp-heading{gap:30px;grid-template-columns:1.15fr 1fr}.ccp-heading>p br{display:none}.ccp-grid{gap:16px}.ccp-caption{column-gap:8px}.ccp-goal figure{height:225px}.ccp h3{font-size:24px}.ccp-caption>.ccp-arrow{font-size:16px}.ccp-closing>p{font-size:21px}.ccp-editorial-rhythm .ccp-grid{gap:17px;grid-template-columns:repeat(4,minmax(0,1fr))}.ccp-editorial-rhythm .ccp-caption h3{font-size:23px}.ccp-editorial-rhythm .ccp-caption{min-height:186px}.ccp-framed-moments .ccp-grid{gap:25px}.ccp-framed-moments .ccp-goal figure{height:245px}.ccp-framed-moments .ccp-caption{padding:21px 18px;margin-inline:13px;grid-template-columns:1fr 17px;min-height:129px}.ccp-framed-moments .ccp-caption>.ccp-index{display:none}.ccp-framed-moments .ccp-caption h3{font-size:25px}.ccp-explorer{gap:27px;grid-template-columns:1fr 1fr}.ccp-feature-panel figure{height:422px}.ccp-feature-note{padding:20px 17px;gap:12px}.ccp-feature-note p{font-size:21px}.ccp-choice-title{font-size:25px}.ccp-choice{padding-block:21px}.ccp-quiet-possibilities .ccp-goal{padding:23px 17px}.ccp-quiet-possibilities .ccp-caption h3{font-size:23px}.ccp-quiet-possibilities .ccp-caption{min-height:184px}.ccp-illustration{width:135px}.ccp-art{height:135px}
}
@media(max-width:650px){
 .ccp{padding-block:48px 46px}.ccp h2{font-size:clamp(32px,8.7vw,42px);line-height:1.14}.ccp-heading,.ccp-your-next-chapter .ccp-heading,.ccp-editorial-rhythm .ccp-heading{display:block;margin-bottom:29px}.ccp-heading>p{font-size:14px;margin-top:20px;max-width:440px;line-height:1.8;padding:0}.ccp-heading>p br{display:none}.ccp-centered>p{max-width:355px}.ccp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.ccp-goal figure{height:210px}.ccp-caption{padding:18px 0 20px;min-height:139px;display:block;position:relative}.ccp-caption-copy{padding-right:14px}.ccp-caption h3{font-size:24px;max-width:210px}.ccp-caption-copy p{font-size:11px;line-height:1.7;margin-top:10px}.ccp-caption>.ccp-arrow{position:absolute;top:18px;right:0;font-size:14px;margin:0}.ccp-closing{display:block;margin-top:26px}.ccp-closing>p{font-size:23px}.ccp-closing>.ccp-link{margin-top:10px;font-size:12px}.ccp-editorial-rhythm .ccp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.ccp-editorial-rhythm .ccp-goal{padding-top:0}.ccp-editorial-rhythm .ccp-goal figure,.ccp-editorial-rhythm .ccp-goal-job figure{height:242px}.ccp-editorial-rhythm .ccp-goal-home,.ccp-editorial-rhythm .ccp-goal-card{padding-top:35px}.ccp-editorial-rhythm .ccp-goal-home figure,.ccp-editorial-rhythm .ccp-goal-card figure{height:207px}.ccp-editorial-rhythm .ccp-caption{min-height:165px;padding-top:18px}.ccp-editorial-rhythm .ccp-caption h3{font-size:24px}.ccp-editorial-rhythm .ccp-caption>.ccp-index{font-size:9px;margin-bottom:12px}.ccp-editorial-rhythm .ccp-caption>.ccp-arrow{top:45px}.ccp-framed-moments .ccp-grid{grid-template-columns:1fr;gap:26px}.ccp-framed-moments .ccp-goal figure{height:252px}.ccp-framed-moments .ccp-caption{display:grid;min-height:106px;margin:-37px 15px 0;padding:21px;grid-template-columns:16px 1fr 17px;gap:12px}.ccp-framed-moments .ccp-caption>.ccp-index{display:block;font-size:9px;position:static;margin-top:6px}.ccp-framed-moments .ccp-caption>.ccp-arrow{position:static;font-size:17px;margin-top:4px}.ccp-framed-moments .ccp-caption h3{font-size:26px;max-width:260px}.ccp-framed-moments .ccp-caption-copy{padding:0}.ccp-framed-moments .ccp-caption-copy p{font-size:12px;margin-top:9px}.ccp-framed-moments .ccp-closing{padding-top:0}.ccp-explorer{display:flex;flex-direction:column;gap:25px;align-items:stretch}.ccp-feature-panel figure{height:268px}.ccp-feature-note{padding:16px 19px}.ccp-feature-note p{font-size:23px}.ccp-choices-wrap{width:100%}.ccp-choice{padding:19px 17px 20px;gap:15px;grid-template-columns:23px 1fr 19px}.ccp-choice-title{font-size:27px;max-width:280px}.ccp-choice-note{font-size:12px;margin-top:7px}.ccp-choices-wrap>.ccp-link{margin:21px 0 0;font-size:12px}.ccp-quiet-possibilities .ccp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.ccp-quiet-possibilities .ccp-goal{padding:15px 18px 21px}.ccp-quiet-possibilities .ccp-goal:nth-child(2){border-right:0}.ccp-quiet-possibilities .ccp-goal:nth-child(-n+2){border-bottom:1px solid var(--ccp-line)}.ccp-art{height:119px;margin-bottom:6px}.ccp-illustration{width:124px;height:119px}.ccp-quiet-possibilities .ccp-caption{min-height:142px;display:block;padding-top:12px}.ccp-quiet-possibilities .ccp-caption h3{font-size:23px}.ccp-quiet-possibilities .ccp-caption>.ccp-index{font-size:9px;margin-bottom:12px}.ccp-quiet-possibilities .ccp-caption>.ccp-arrow{font-size:13px;top:39px}.ccp-quiet-possibilities .ccp-caption-copy{padding-right:8px}.ccp-quiet-possibilities .ccp-caption-copy p{font-size:11px}.ccp-compare-heading{width:calc(100% - 40px);padding-block:28px}.ccp-compare-heading h1{font-size:30px}.ccp-design-label{padding:16px 20px;font-size:11px}.ccp-design-label a{font-size:10px}
}
@media(max-width:370px){
 .ccp h2{font-size:30px}.ccp-caption h3,.ccp-editorial-rhythm .ccp-caption h3{font-size:21px}.ccp-grid{gap:23px 13px}.ccp-goal figure{height:184px}.ccp-caption{min-height:137px}.ccp-editorial-rhythm .ccp-caption{min-height:164px}.ccp-quiet-possibilities .ccp-goal{padding-inline:14px}.ccp-quiet-possibilities .ccp-caption h3{font-size:21px}.ccp-quiet-possibilities .ccp-caption{min-height:157px}.ccp-quiet-possibilities .ccp-caption>.ccp-arrow{display:none}.ccp-choice-title{font-size:25px}.ccp-choice{gap:12px;padding-inline:15px}.ccp-framed-moments .ccp-caption{padding-inline:16px;gap:9px}.ccp-framed-moments .ccp-caption h3{font-size:24px}
}
@media(prefers-reduced-motion:reduce){.ccp *{transition:none!important;scroll-behavior:auto!important}}
@media print{.ccp{padding-block:30px;break-inside:avoid}.ccp-link{display:none}.ccp-feature-panel{break-inside:avoid}.ccp-feature-panel[hidden]{display:block!important}.ccp-choices-wrap{display:none}}
