.cdse-mark-image { display:block; object-fit:contain; background:transparent; border-radius:0; }
.cdse-secondary { background:#f9fafc; }
.cdse-inner-hero,.cdse-inner-section,.cdse-inner-cta { width:min(1180px,calc(100% - 44px)); margin-inline:auto; }
.cdse-inner-hero { padding:105px 0 115px; border-bottom:1px solid var(--cd-line); }
.cdse-inner-hero h1 { max-width:1000px; margin:0; font:800 clamp(58px,8vw,112px)/1 "Manrope",sans-serif; letter-spacing:-.075em; }
.cdse-inner-hero > p:last-child,.cdse-inner-hero > div > p:last-child { max-width:730px; margin:42px 0 0; font-size:clamp(19px,2.3vw,25px); line-height:1.55; color:var(--cd-muted); }
.cdse-about-hero { display:grid; grid-template-columns:1.1fr .9fr; gap:7vw; align-items:center; }
.cdse-about-hero h1 { font-size:clamp(54px,6.6vw,90px); }
.cdse-about-photo { min-height:500px; background:#edf2fa; overflow:hidden; }
.cdse-about-photo img { display:block; width:100%; height:100%; max-height:650px; min-height:500px; object-fit:cover; }
.cdse-inner-section { padding:105px 0; }
.cdse-about-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.cdse-about-grid article { padding-top:23px; border-top:1px solid var(--cd-line); }
.cdse-about-grid span { color:var(--cd-blue); font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.cdse-about-grid h2 { margin:35px 0 18px; font:800 clamp(25px,2.5vw,34px)/1.16 "Manrope",sans-serif; letter-spacing:-.045em; }
.cdse-about-grid p,.cdse-about-writing p:last-of-type { color:var(--cd-muted); font-size:17px; line-height:1.65; }
.cdse-about-writing { border-top:1px solid var(--cd-line); display:grid; grid-template-columns:.55fr 1.45fr; column-gap:6vw; }
.cdse-about-writing .cdse-kicker { grid-row:1 / span 3; }
.cdse-about-writing h2 { margin:0; font:800 clamp(34px,4.1vw,55px)/1.1 "Manrope",sans-serif; letter-spacing:-.055em; }
.cdse-about-writing p:last-of-type { max-width:730px; }
.cdse-text-link { display:inline-flex; align-items:center; gap:8px; color:var(--cd-blue); font-size:14px; font-weight:800; text-decoration:none; }
.cdse-text-link:hover { text-decoration:underline; }
.cdse-inner-section-head { display:grid; grid-template-columns:1fr 2fr; gap:6vw; margin-bottom:40px; }
.cdse-inner-section-head h2 { margin:0; font:800 clamp(40px,5vw,68px)/1.05 "Manrope",sans-serif; letter-spacing:-.06em; }
/* The design gallery uses a single rhythm for different asset shapes. */
.cdse-gallery { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.cdse-gallery figure { min-width:0; margin:0; background:#fff; border:1px solid var(--cd-line); }
.cdse-gallery-thumb { height:165px; display:grid; place-items:center; padding:25px; background:#fff; }
.cdse-gallery img { display:block; max-width:100%; max-height:115px; width:auto; height:auto; object-fit:contain; }
.cdse-gallery figcaption { padding:15px 17px; color:var(--cd-muted); font-size:12px; font-weight:700; }
.cdse-podcast-player { padding:35px; background:white; border:1px solid var(--cd-line); }
.cdse-podcast-player > p:first-of-type,.cdse-podcast-player > p:nth-of-type(2) { display:none; }
.cdse-podcast-player .pp-podcast { max-width:100%; }
.cdse-podcast-player img,.cdse-podcast-player iframe { max-width:100%; }
.cdse-writing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.cdse-writing-grid article { display:flex; flex-direction:column; min-height:300px; padding:27px; border:1px solid var(--cd-line); background:white; }
.cdse-writing-grid article > p { margin:0 0 40px; color:var(--cd-blue); font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.cdse-writing-grid h3 { margin:0 0 15px; font:800 23px/1.2 "Manrope",sans-serif; letter-spacing:-.04em; }
.cdse-writing-grid h3 a { color:var(--cd-ink); text-decoration:none; }
.cdse-writing-grid h3 a:hover { color:var(--cd-blue); }
.cdse-writing-grid article > div { color:var(--cd-muted); font-size:14px; line-height:1.55; }
.cdse-writing-grid .cdse-text-link { margin-top:auto; padding-top:25px; }
.cdse-pagination { display:flex; justify-content:space-between; margin-top:35px; }
.cdse-pagination a { color:var(--cd-blue); font-weight:800; text-decoration:none; }
.cdse-inner-cta { margin-bottom:30px; padding:72px; background:var(--cd-blue); color:white; }
.cdse-inner-cta .cdse-kicker { color:#dae6f8; }
.cdse-inner-cta h2 { margin:0 0 28px; font:800 clamp(40px,5vw,68px)/1.05 "Manrope",sans-serif; letter-spacing:-.06em; }
@media(max-width:900px){ .cdse-about-hero { grid-template-columns:1fr; } .cdse-about-photo { max-height:600px; } .cdse-about-grid,.cdse-writing-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px){ .cdse-inner-hero,.cdse-inner-section,.cdse-inner-cta { width:calc(100% - 28px); } .cdse-inner-hero { padding:68px 0 80px; } .cdse-inner-hero h1 { font-size:clamp(48px,12vw,68px); } .cdse-inner-section { padding:75px 0; } .cdse-about-grid,.cdse-writing-grid,.cdse-gallery,.cdse-about-writing,.cdse-inner-section-head { grid-template-columns:1fr; } .cdse-about-writing .cdse-kicker { grid-row:auto; } .cdse-about-photo,.cdse-about-photo img { min-height:340px; } .cdse-gallery figure,.cdse-gallery figure:nth-child(1),.cdse-gallery figure:nth-child(6) { grid-column:auto; } .cdse-podcast-player { padding:12px; } .cdse-inner-cta { padding:50px 26px; } }
/* Smaller identity samples lead the page without overpowering it. */
.cdse-page-logos .cdse-inner-hero { padding:76px 0 66px; }
.cdse-page-logos .cdse-inner-hero h1 { font-size:clamp(48px,5.8vw,76px); }
.cdse-page-logos .cdse-inner-hero > p:last-child { margin-top:25px; font-size:clamp(18px,1.8vw,21px); }
.cdse-page-logos .cdse-inner-section { padding:58px 0; }
.cdse-page-logos .cdse-inner-section-head { display:flex; align-items:baseline; gap:30px; margin-bottom:24px; }
.cdse-page-logos .cdse-inner-section-head h2 { font-size:clamp(26px,3vw,36px); }
.cdse-identity-section { border-bottom:1px solid var(--cd-line); }
.cdse-identity-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.cdse-identity-grid article { min-width:0; display:grid; grid-template-columns:42% 1fr; align-items:center; min-height:185px; background:#fff; border:1px solid var(--cd-line); }
.cdse-identity-art { height:100%; min-height:185px; display:grid; place-items:center; padding:20px; background:#fff; }
.cdse-identity-art > img { display:block; width:100%; height:auto; max-width:210px; max-height:115px; object-fit:contain; }
.cdse-pac-art svg { display:block; width:min(100%,155px); height:auto; }
.cdse-identity-grid article > div:last-child { min-width:0; padding:20px 24px; }
.cdse-identity-grid article p { margin:0 0 10px; color:var(--cd-blue); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.cdse-identity-grid article h3 { margin:0; font:700 clamp(18px,1.6vw,23px)/1.25 "Manrope",sans-serif; letter-spacing:-.035em; }
@media(max-width:900px){ .cdse-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); } .cdse-identity-grid article { grid-template-columns:1fr; } .cdse-identity-art { height:170px; min-height:170px; } }
@media(max-width:600px){ .cdse-page-logos .cdse-inner-section-head { display:block; } .cdse-identity-grid { grid-template-columns:1fr; } .cdse-identity-grid article { grid-template-columns:38% 1fr; min-height:140px; } .cdse-identity-art { height:140px; min-height:140px; padding:14px; } .cdse-identity-grid article > div:last-child { padding:14px; } .cdse-gallery { gap:10px; } .cdse-gallery-thumb { height:125px; padding:15px; } .cdse-gallery img { max-height:90px; } }
/* The article reader carries the site design into existing posts. */
.cdse-article { width:min(100%,1180px); margin:0 auto; padding:75px 22px 120px; }
.cdse-article-header { max-width:840px; margin:0 auto 55px; }
.cdse-back { display:inline-block; margin-bottom:70px; font-size:14px; font-weight:700; text-decoration:none; }
.cdse-article-header h1 { margin:0; font:800 clamp(45px,6.7vw,85px)/1.07 "Manrope",sans-serif; letter-spacing:-.065em; overflow-wrap:anywhere; }
.cdse-article-cover { max-width:1030px; margin:0 auto 65px; background:white; }
.cdse-article-cover img { display:block; width:100%; height:auto; max-height:580px; object-fit:cover; }
.cdse-article-body { max-width:740px; margin:0 auto; color:#253047; font-size:18px; line-height:1.85; overflow-wrap:anywhere; }
.cdse-article-body > *:first-child { margin-top:0; }
.cdse-article-body p { margin:0 0 1.4em; }
.cdse-article-body h2,.cdse-article-body h3 { color:var(--cd-ink); font-family:"Manrope",sans-serif; letter-spacing:-.04em; line-height:1.2; margin:2em 0 .7em; }
.cdse-article-body h2 { font-size:clamp(28px,3vw,39px); }
.cdse-article-body h3 { font-size:26px; }
.cdse-article-body a { text-decoration-color:var(--cd-chartreuse); text-underline-offset:3px; }
.cdse-article-body img,.cdse-article-body video,.cdse-article-body iframe { max-width:100%; height:auto; }
.cdse-article-body iframe { min-height:300px; }
.cdse-article-body figure { max-width:100%; margin:38px 0; }
.cdse-article-body blockquote { margin:2em 0; padding:6px 0 6px 24px; border-left:4px solid var(--cd-chartreuse); font-size:1.13em; }
.cdse-article-body ul,.cdse-article-body ol { padding-left:1.5em; margin-bottom:1.5em; }
.cdse-article-body li { margin:.35em 0; }
.cdse-article-body pre { max-width:100%; overflow:auto; }
.cdse-article-end { max-width:740px; margin:75px auto 0; padding-top:32px; border-top:1px solid var(--cd-line); }
.cdse-article-end p { font-size:21px; font-weight:700; }
.cdse-article-comments { max-width:740px; margin:0 auto 100px; padding:0 22px; }
.cdse-article-comments input,.cdse-article-comments textarea { max-width:100%; }
.cdse-editorial .cdse-pagination { display:flex; flex-wrap:wrap; gap:18px; }
.cdse-editorial .cdse-pagination .current { color:var(--cd-link-navy); background:var(--cd-chartreuse); padding-inline:5px; }
@media(max-width:600px){ .cdse-article { padding:50px 14px 85px; } .cdse-back { margin-bottom:55px; } .cdse-article-header { margin-bottom:35px; } .cdse-article-cover { margin-bottom:42px; } .cdse-article-body { font-size:17px; line-height:1.75; } }
.cdse-writing-hero { display:grid; grid-template-columns:1fr 230px; align-items:center; gap:8vw; }
.cdse-writing-hero > div > p:last-child { max-width:760px; margin:32px 0 0; color:var(--cd-muted); font-size:clamp(19px,2.3vw,25px); line-height:1.55; }
.cdse-writing-hero .cdse-book-cover { width:220px; }
.cdse-page-author .cdse-writing-grid article { border-top:3px solid var(--cd-chartreuse); }
@media(max-width:700px){ .cdse-writing-hero { grid-template-columns:1fr; gap:36px; } .cdse-writing-hero .cdse-book-cover { width:150px; margin:0; } }
.cdse-writing-hero { grid-template-columns:minmax(0,1fr) minmax(260px,.42fr); }
.cdse-writing-hero .cdse-writing-quote { min-height:340px; }
@media(max-width:700px){ .cdse-writing-hero { grid-template-columns:1fr; } .cdse-writing-hero .cdse-writing-quote { min-height:220px; } }