.cj-page .cs-wrap{max-width:1280px}.cj-page .cs-split>*{min-width:0}.cj-page .cs-hero .cs-split{grid-template-columns:1.1fr 1fr;gap:32px 6%}.cj-page .cs-hero .cs-copy p{font-size:15px;line-height:1.75}.cj-tagline{font-size:13px;line-height:1.8;border-left:2px solid #b39354;padding-left:18px;margin:24px 0}.cj-hero-portrait img{max-height:850px;object-fit:contain}.cj-page .cs-timeline article>span{font-size:clamp(45px,5vw,70px)}.cj-columns{columns:2;column-gap:50px;max-width:1150px}.cj-columns p{break-inside:avoid}.cj-pair{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:36px auto 50px;max-width:1040px}.cj-foundation{border-top:1px solid #ccc;padding-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:32px 7%;align-items:center;max-width:1000px;margin:auto}.cj-year{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(65px,8vw,110px);line-height:1;color:#947234}.cj-page h3{font-size:clamp(26px,3vw,38px);line-height:1.18;letter-spacing:-1px;margin:18px 0}.cj-page p{line-height:1.8}.cj-web-row{display:grid;grid-template-columns:1fr 1.15fr;gap:32px 9%;align-items:center;padding:55px 0;border-top:1px solid #c9c2b5;margin-top:40px}.cj-web-row>div>p{max-width:480px}.cj-reverse>div:first-child{order:2}.cj-reverse .cj-mobile{order:1}.cj-browser{background:#fff;border:1px solid #c8c5bd;border-radius:8px;overflow:hidden;box-shadow:0 15px 35px #0000000a}.cj-browser-bar{background:var(--case-ivory);color:#555;font-size:9px;letter-spacing:1.5px;padding:14px 20px;display:flex;gap:25px}.cj-browser-bar span{color:#8b877f;letter-spacing:3px}.cj-browser figcaption{padding:0 18px 16px}.cj-archive{width:min(100%,366px);justify-self:center}.cj-archive img{max-height:520px;object-fit:cover;object-position:top}.cj-mobile{max-width:320px;justify-self:center}.cj-current{padding-top:50px;border-top:1px solid #c9c2b5}.cj-current .cj-browser{margin-top:30px}.cj-current .cs-copy{margin:25px 0}.cj-external{display:inline-block;margin-top:28px}.cj-quote{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(30px,3.2vw,46px);line-height:1.18;border-left:2px solid #c9a85a;padding-left:24px;margin:35px 0 0}.cj-quote cite{display:block;font:10px 'DM Sans',Arial,sans-serif;letter-spacing:1.5px;margin-top:24px}.cj-board{max-width:470px;justify-self:center}.cj-logo{background:#000;padding:35px 20px}.cj-logo figcaption{color:#fff}.cj-program{margin-top:45px}.cj-program-details{max-width:none;margin-bottom:0}.cj-wide-quote{max-width:900px;margin:55px auto 0;text-align:center;border-left:0;border-top:1px solid #c9a85a;padding:35px 0 0}.cj-related{border-top:1px solid #ffffff45;margin-top:45px;padding-top:30px}.cj-page .cs-teal>.cs-wrap>.cs-copy{max-width:900px}.cj-page .cs-black p,.cj-page .cs-black figcaption{color:#eee}
@media(max-width:760px){.cj-page .cs-hero .cs-split,.cj-web-row,.cj-foundation{grid-template-columns:1fr;gap:30px}.cj-columns{columns:1}.cj-pair{grid-template-columns:1fr;gap:28px}.cj-reverse>div:first-child,.cj-reverse .cj-mobile{order:initial}.cj-page .cs-timeline{grid-template-columns:1fr}.cj-web-row{padding:35px 0;margin-top:30px}.cj-current{padding-top:35px}.cj-logo{padding:25px 15px}.cj-page .cs-section h1{font-size:clamp(58px,14vw,85px)}.cj-board{width:100%}.cj-hero-portrait{max-width:440px;margin:auto}}

/* A focused first chapter with a true scrollable phone screen. */
.cj-web-intro{max-width:820px}.cj-first-chapter{border-top:1px solid #c9c2b5;margin-top:36px;padding-top:40px}.cj-first-heading{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center}.cj-first-heading h3{margin-top:0}.cj-first-heading p{max-width:780px}.cj-first-showcase{margin-top:30px}.cj-first-showcase a{background:#fff;padding:24px}.cj-first-showcase img{display:block;width:100%;height:auto}.cj-scroll-feature{display:grid;grid-template-columns:1fr 1fr;gap:32px 8%;align-items:center;margin-top:48px}.cj-scroll-feature>div{max-width:470px}.cj-scroll-hint{font-size:12px;color:#555;margin-top:24px;line-height:1.8}.cj-phone-figure{width:min(100%,330px);margin:0;justify-self:center}.cj-phone-shell{padding:25px 9px 15px;background:#0a0a0a;border:2px solid #555;border-radius:40px;position:relative;box-shadow:0 18px 40px #0002,inset 0 0 0 3px #242424}.cj-phone-speaker{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:52px;height:4px;border-radius:8px;background:#555}.cj-phone-viewport{height:510px;overflow-y:auto;overflow-x:hidden;border-radius:23px;background:#262626;scrollbar-width:thin;scrollbar-color:#c9a85a #262626;overscroll-behavior-y:contain;touch-action:pan-y}.cj-phone-viewport:focus-visible{outline:3px solid #c9a85a;outline-offset:3px}.cj-phone-viewport img{display:block;width:100%;height:auto;max-height:none}.cj-phone-figure figcaption{font-size:11px;color:#666;text-align:center;margin-top:16px}.cj-web-evolution .cj-web-row{margin-top:48px}
@media(max-width:760px){.cj-first-heading{grid-template-columns:1fr;gap:12px}.cj-first-showcase a{padding:10px}.cj-scroll-feature{grid-template-columns:1fr;gap:28px;margin-top:32px}.cj-phone-figure{width:min(100%,310px)}.cj-phone-viewport{height:470px}.cj-first-chapter{padding-top:30px}}

.cj-logo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:40px}.cj-logo-gallery article{min-width:0;border-top:1px solid #b39354;padding-top:22px}.cj-logo-gallery .eyebrow{font-size:10px;letter-spacing:1.2px}.cj-logo-gallery figure{margin-top:25px}.cj-logo-gallery figure a{height:230px;background:var(--case-ivory);padding:28px;display:flex;align-items:center;justify-content:center}.cj-logo-gallery figure img{width:100%;height:100%;object-fit:contain}.cj-logo-gallery figcaption{font-size:10px}.cj-logo-gallery h3{font-size:26px;letter-spacing:-.6px}.cj-logo-gallery p{font-size:14px}.cj-wordpress-story{margin:28px 0 35px;align-items:center}.cj-wordpress-story .cs-copy{margin:0}.cj-wordpress-portrait img{display:block;width:100%;height:auto}.cj-wordpress-portrait{align-self:center}
@media(max-width:760px){.cj-logo-gallery{grid-template-columns:1fr;gap:35px}.cj-logo-gallery figure a{height:230px}.cj-wordpress-story{grid-template-columns:1fr;gap:25px}}