.image-story{background:#edf0e8;color:#18251f;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.image-story .eyebrow{color:#486c31}.image-story h2{font-size:clamp(40px,4.8vw,68px);line-height:1.04;letter-spacing:-.045em;margin:16px 0 24px}.image-story h2 em{font-style:normal;color:#597044}
.image-story .image-story-lead{color:#46544c;font-size:19px;line-height:1.65;max-width:530px}
.image-story-steps{display:grid;margin:28px 0;border-top:1px solid #bdc9b7}
.image-story-steps button{text-align:left;color:#455247;background:transparent;border:0;border-bottom:1px solid #bdc9b7;display:grid;grid-template-columns:36px 1fr;gap:12px;padding:18px 8px;cursor:pointer;font:inherit}
.image-story-steps button span{font:12px/1.5 ui-monospace,monospace;padding-top:5px}.image-story-steps strong{display:block;font-size:21px;line-height:1.35;letter-spacing:-.02em}.image-story-steps small{display:block;font-size:14px;line-height:1.55;margin-top:5px;font-weight:400}
.image-story-steps button[aria-pressed=true]{color:#18251f;background:#dce7cd}.image-story-steps button:hover{background:#e0e7d9}.image-story-steps button:active{background:#d2dfc4}
.image-story button:focus-visible,.image-story input:focus-visible{outline:3px solid #486c31;outline-offset:3px}
.image-story-editor{max-width:380px;margin:24px auto}.image-story-editor label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.image-story-editor input{width:100%;background:#fff;border:1px solid #9daa92;color:#18251f;border-radius:8px;font:600 20px/1.4 sans-serif;padding:14px;box-sizing:border-box}
.image-story-editor p{font-size:12px;color:#526049;margin:8px 0}.image-story-editor button{border:0;background:transparent;color:#3c5b2b;text-decoration:underline;padding:8px 0;font:inherit;font-size:13px;cursor:pointer}
.image-story-retain{border-left:2px solid #78915c;padding-left:16px;font-size:15px;color:#455247;line-height:1.6}.image-story-retain strong{color:#18251f}
.image-story-stage{min-width:0}.image-story-status{font:11px/1.5 ui-monospace,monospace;letter-spacing:1px;margin-bottom:12px;display:flex;justify-content:space-between;gap:12px;color:#455247}
.image-story-frame{position:relative;max-width:380px;margin:auto;aspect-ratio:9/16;border-radius:12px;overflow:hidden;box-shadow:0 24px 55px #293d3426}
.image-story-frame img{display:block;width:100%;height:100%;object-fit:cover}.image-story-frame img[hidden]{display:none}
.image-story-overlay{position:absolute;inset:0;pointer-events:none;padding:30px 24px;background:linear-gradient(180deg,#11232dbb,transparent 38%);box-sizing:border-box}
.image-story-overlay strong{display:block;border:1px solid #d6ff78;padding:8px;font:bold clamp(28px,3.3vw,48px)/1.02 Arial,sans-serif;color:white;letter-spacing:-.04em;text-transform:uppercase;overflow-wrap:anywhere;max-width:100%}.image-story-overlay small{display:block;font:9px/1.5 ui-monospace,monospace;color:#e0ffc2;margin-top:6px;letter-spacing:1px}.image-story-overlay[hidden]{display:none}
.image-story-note{max-width:380px;margin:20px auto 0;font-size:12px;line-height:1.65;color:#526049}
@media(max-width:800px){.image-story{grid-template-columns:1fr;gap:32px}.image-story-frame{max-width:340px}.image-story-overlay strong{font-size:38px}.image-story-stage{grid-row:2}.image-story h2{font-size:44px}.image-story-lead{font-size:17px!important}}
@media(max-width:380px){.image-story h2{font-size:36px}.image-story-overlay strong{font-size:32px}}

.image-story-proof{grid-column:1/-1;border-top:1px solid #bdc9b7;padding-top:20px;font-size:15px;color:#354b2e}.image-story-proof summary{cursor:pointer;padding:10px 0;font-weight:600}.image-story-proof summary:focus-visible{outline:3px solid #486c31;outline-offset:3px}.image-story-proof figure{margin:20px 0 0}.image-story-proof img{width:100%;height:auto;border-radius:12px;border:1px solid #9daa92}.image-story-proof figcaption{font-size:13px;margin-top:12px;color:#526049}
