.post-page{--navy:#032c40;--red:#ef4b53;--white:#fff;--body-ink:#ffffffdb;--eyebrow-ink:#ffffffb8;--font-display:"Heebo", system-ui, sans-serif;--font-body:"Heebo", system-ui, sans-serif;--fs-title:clamp(2.1rem, 5.6vw, 3.6rem);--fs-body:clamp(.95rem, 1.15vw, 1.0625rem);--fs-eyebrow:clamp(.7rem, .9vw, .8125rem);--lh-title:1.18;--lh-body:1.68;--gutter:clamp(1.5rem, 9vw, 9.5rem);--gutter-right:11vw;--measure:34rem;--measure-lg:54rem;--frame:6.5vw;--bar-h:6px;--dot:16px;--bar-gap:6px}.post-page,.post-page *,.post-page :before,.post-page :after{box-sizing:border-box}.post-page{background:var(--white);min-height:100vh;padding:var(--frame);color:var(--body-ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:400}.post-page ::selection{background:var(--red);color:var(--white)}.post-page :focus-visible{outline:2px solid var(--red);outline-offset:4px;border-radius:2px}.post-page .frame-band{height:var(--frame);background:var(--white);z-index:40;pointer-events:none;position:fixed;inset-inline:0}.post-page .progress{height:var(--dot);z-index:50;pointer-events:none;align-items:center;display:flex;position:fixed;inset-block-start:calc(var(--frame) + clamp(1.5rem, 3vw, 2.5rem));inset-inline-start:calc(var(--frame) + var(--gutter-right));inset-inline-end:calc(var(--frame) + var(--gutter))}.post-page .progress-track{width:100%;height:var(--bar-h);background:var(--white);border-radius:1px;position:relative}.post-page .progress-fill{width:var(--progress,0%);min-width:calc(var(--dot) + var(--bar-gap) * 2);background:var(--red);border-radius:1px;position:absolute;inset-block:0;inset-inline-start:0}.post-page .progress-dot{width:var(--dot);height:var(--dot);background:var(--red);box-shadow:0 0 0 var(--bar-gap) var(--navy);border-radius:50%;margin-block-start:calc(var(--dot) / -2);position:absolute;inset-block-start:50%;inset-inline-end:0}.post-page .page{background:var(--navy);min-height:calc(100dvh - 2*var(--frame));padding-block:clamp(4.5rem,9vw,7rem) clamp(6rem,13vw,11rem);padding-inline-start:var(--gutter-right);padding-inline-end:var(--gutter)}.post-page .eyebrow{justify-content:flex-end;margin-block-end:clamp(3.5rem,11vw,8.5rem);display:flex}.post-page .eyebrow time{color:var(--eyebrow-ink);font-size:var(--fs-eyebrow);letter-spacing:.04em;font-weight:500}.post-page .post-title{max-width:var(--measure-lg);font-family:var(--font-display);font-weight:800;font-size:var(--fs-title);line-height:var(--lh-title);letter-spacing:-.015em;color:var(--white);text-align:right;text-shadow:.05em .05em 0 var(--red);margin:0 0 clamp(2.25rem,4vw,3.25rem);margin-inline-end:auto}.post-page .post-body{max-width:var(--measure);text-align:right;margin-inline-end:auto}.post-page .post-body p{margin:0 0 1.75em}.post-page .post-body p:last-child{margin-block-end:0}.post-page .post-body strong{color:var(--white);font-weight:700;display:block}.post-page .post-body em{color:var(--white);font-style:normal;font-weight:700}.post-page .post-body p:last-of-type{margin-block-start:2.5em}.post-page .post-arrow{z-index:30;color:#ffffff8c;transition:color .2s;position:fixed;inset-block-start:50%;transform:translateY(-50%)}.post-page .post-arrow-prev{inset-inline-start:8.5vw}.post-page .post-arrow-next{inset-inline-end:8.5vw}.post-page .post-arrow:hover{color:var(--red)}.post-page .post-arrow svg{width:32px;height:32px;display:block}.post-page .post-nav{font-size:var(--fs-eyebrow);letter-spacing:.04em;border-block-start:1px solid #ffffff26;justify-content:space-between;align-items:center;margin-block-start:3.5rem;padding-block-start:1.5rem;font-weight:500;display:none}.post-page .post-nav a{color:#ffffff8c;align-items:center;gap:.25rem;text-decoration:none;transition:color .2s;display:flex}.post-page .post-nav a:hover{color:var(--red)}.post-page .post-nav svg{width:16px;height:16px}@media (width<=640px){.post-page{--bar-h:4px;--dot:12px;--bar-gap:5px}.post-page .post-title,.post-page .post-body{max-width:none}.post-page .post-arrow{display:none}.post-page .post-nav{display:flex}}@media (prefers-reduced-motion:reduce){.post-page *{scroll-behavior:auto!important;transition-duration:.01ms!important}}.post-page .frame-band-top{inset-block-start:var(--header-h,0px)}.post-page .progress{inset-block-start:calc(var(--header-h,0px) + var(--frame) + clamp(1.5rem, 3vw, 2.5rem))}