/* Keeps content-managed work compatible with the original Joeyjack editorial design. */
.cms-recent-title{margin-top:92px}.cms-recent-list{margin-top:15px}
.cms-work-layout{max-width:1150px;margin:65px auto 150px;padding:0 26px;min-height:58vh}
.cms-back-link{font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.cms-detail-kicker{font-size:11px;font-weight:700;letter-spacing:2px;margin:55px 0 24px}
.cms-detail-title{font-size:clamp(60px,8.5vw,144px);font-weight:800;line-height:.94;letter-spacing:-.079em;overflow-wrap:anywhere;margin:0 0 24px}
.cms-detail-excerpt{font-size:clamp(17px,2vw,25px);color:#575757;line-height:1.5;max-width:850px;margin:0 0 40px}
.cms-detail-cover{width:100%;max-height:800px;object-fit:contain;background:#efefec;margin:20px 0 60px}
.cms-readable{max-width:780px;line-height:1.87;font-size:18px;overflow-wrap:anywhere;margin:50px auto;}
.cms-readable.font-sans{font-family:Arial,Helvetica,sans-serif}.cms-readable.font-serif{font-family:Georgia,'Times New Roman',serif;font-size:20px}.cms-readable.font-mono{font-family:'Courier New',monospace;font-size:16px}
.cms-readable p{white-space:pre-wrap;margin:0 0 1.3em}.cms-readable h2{font-size:1.7em;margin:1.9em 0 .5em}.cms-readable h3{font-size:1.35em;margin:1.5em 0 .5em}.cms-readable h4{font-size:1.15em}
.cms-readable blockquote{margin:1.5em 0;padding:12px 22px;border-left:3px solid #222;color:#555}.cms-readable a{text-decoration:underline;text-underline-offset:3px}.cms-readable img{max-width:100%;max-height:750px;object-fit:contain;display:block;margin:28px 0}
.cms-readable ul{margin:0 0 1.5em 1.4em}.cms-readable code{font-family:monospace;background:#ececeb;padding:1px 4px}
.cms-video-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#111;margin:45px 0}.cms-video-wrap iframe{position:absolute;border:0;width:100%;height:100%;inset:0}
.cms-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:60px 0}
.cms-gallery-button{border:0;background:#e7e7e5;cursor:zoom-in;padding:0;display:block;aspect-ratio:4/3}.cms-gallery-button img{width:100%;height:100%;object-fit:cover}
.cms-external{display:inline-block;border:1px solid #171717;padding:16px 22px;font-size:12px;font-weight:700;text-decoration:none;margin-top:35px}
.cms-lightbox[hidden]{display:none}.cms-lightbox{position:fixed;z-index:10000;inset:0;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;padding:65px 25px 35px}.cms-lightbox>img{max-height:100%;max-width:100%;object-fit:contain}.cms-lightbox-close{position:absolute;right:20px;top:20px;background:white;color:black;border:0;padding:9px 18px;cursor:pointer;letter-spacing:1px;font-weight:bold}
@media(max-width:700px){.cms-work-layout{padding:0 18px;margin:35px auto 100px}.cms-detail-title{font-size:58px}.cms-readable{font-size:16px}.cms-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}}

/* V2.1 image and legal copy integration */
.hero-visual .cms-custom-hero{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero-visual.has-custom-image::after{background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.03) 40%,rgba(0,0,0,.45));z-index:1}
.hero-visual.has-custom-image::before{z-index:2}
.cms-legal-markdown{white-space:normal}.cms-legal-markdown p{white-space:pre-wrap}
.cms-legal-markdown h2{margin-top:1.8em}.cms-legal-markdown a{text-decoration:underline}
.cms-gallery{margin-top:35px;margin-bottom:45px}

/* v2.3: covers are small title-side thumbnails, not body illustrations. */
.cms-title-line{display:flex;gap:26px;align-items:flex-start;justify-content:space-between;margin:0 0 45px}
.cms-title-words{flex:1;min-width:0}
.cms-title-line .cms-detail-title{margin-bottom:23px}
.cms-title-line .cms-detail-excerpt{margin-bottom:0}
.cms-title-line .cms-detail-cover{flex:0 0 auto;width:clamp(85px,12vw,150px);height:clamp(85px,12vw,150px);max-height:150px;object-fit:cover;background:#efefec;margin:4px 0 0;border:1px solid #e1e1df}
@media(max-width:700px){.cms-title-line{gap:12px;margin-bottom:28px}.cms-title-line .cms-detail-cover{width:84px;height:84px;max-height:84px}.cms-title-line .cms-detail-title{font-size:clamp(48px,10vw,70px)}}

/* v3.0: content readability and proportionate headings */
.cms-work-layout{max-width:1130px;margin-top:46px}
.cms-work-layout .cms-detail-kicker{margin:32px 0 15px}
.cms-title-line .cms-detail-title{font-size:clamp(44px,6.2vw,93px);line-height:.99;letter-spacing:-.07em}
.cms-title-line .cms-detail-excerpt{font-size:clamp(17px,1.85vw,23px);line-height:1.42;max-width:850px}
.cms-title-line{margin-bottom:25px}
.cms-readable{max-width:850px;margin:26px 0 70px;line-height:1.8;font-size:18px}
.cms-readable.font-serif{font-size:19px}
.content-section .feature-name h3{font-size:clamp(17px,1.5vw,22px)}
@media(max-width:700px){.cms-title-line .cms-detail-title{font-size:clamp(42px,9vw,68px)}.cms-readable{margin:24px 0 58px;font-size:16px}.cms-work-layout{margin:25px auto 60px}}