/* Shared image atlas crop: one square panel fills any portrait or landscape frame. */
.image-board{overflow:hidden;position:relative;container-type:size}
.slide-image.image-board{position:absolute;inset:0}
.image-board>.image-panel{position:absolute;left:50%;top:50%;width:max(100cqw,100cqh);height:max(100cqw,100cqh);transform:translate(-50%,-50%);overflow:hidden}
.image-board>.image-panel>img{position:absolute;inset:0 auto auto 0;width:300%;max-width:none;height:100%;object-fit:fill;transform:translateX(calc(var(--panel,0) * -33.333333%))}
/* Direct images remain supported on server-rendered article pages. */
.image-board>img{position:absolute;left:50%;top:50%;width:calc(3 * max(100cqw,100cqh));max-width:none;height:max(100cqw,100cqh);object-fit:fill;transform:translate(calc(-16.666667% - var(--panel,0) * 33.333333%),-50%)}
/* A subtle overscan keeps the board's separators outside the visible panel. */
.image-board>.image-panel{scale:1.004}
.standalone-header{max-width:1000px;margin:auto;padding:30px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.standalone-header img{width:180px;min-width:145px}.back-to-feed{font-size:13px;color:var(--teal)}.standalone-article{max-width:790px;margin:30px auto 100px;padding:0 26px}.standalone-article h1{font-size:clamp(35px,6vw,64px);line-height:1.02;letter-spacing:-.05em;margin:20px 0}.article-deck{font-size:20px;color:#afafaf;line-height:1.5}.article-byline{font-size:12px;color:#969696;margin:25px 0}.standalone-image{height:450px;border-radius:18px;overflow:hidden;margin:32px 0}.standalone-image:not(.image-board) img{width:100%;height:100%;object-fit:cover}.prose{font-size:18px;line-height:1.8;color:#cccccc}.prose h2,.prose h3{color:var(--ivory);line-height:1.2;letter-spacing:-.02em;margin-top:36px}.prose a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}.editorial-note{font-size:12px;color:#898989;padding-top:25px;border-top:1px solid #303030}.article-content .read-button{display:inline-flex;margin-top:30px}.reader-body .image-board{height:300px}
@media(max-width:699px){.standalone-header{padding:22px 20px}.standalone-header img{width:145px}.back-to-feed{font-size:11px}.standalone-article{margin-top:20px;padding:0 22px}.standalone-article h1{font-size:40px}.standalone-article .article-deck{font-size:17px}.standalone-image{height:320px}.prose{font-size:17px}.reader-body .image-board{height:240px}}