.outpost-cropped-image{position:absolute!important;inset:auto!important;left:var(--crop-left,0%)!important;top:var(--crop-top,0%)!important;width:var(--crop-width,100%)!important;height:var(--crop-width,100%)!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:var(--crop-x,50%) var(--crop-y,50%)!important}
.home-faction-card,.faction-card-image,.faction-profile-hero{overflow:hidden}
.faction-card-image{position:relative}
.home-faction-card .home-faction-person.outpost-cropped-image{display:block}
.faction-profile-hero .faction-profile-backdrop.outpost-cropped-image{right:auto;bottom:auto}
.faction-profile-image[data-image-crop] .faction-edit-image{position:relative;height:auto;min-height:0;aspect-ratio:2/1;overflow:hidden}
.faction-profile-image[data-image-crop="home"] .faction-edit-image{aspect-ratio:4/5;max-width:280px;margin-inline:auto;width:100%}
.faction-profile-image[data-image-crop] .faction-edit-image>img{filter:none;transform:none}
.faction-crop-button{position:absolute;z-index:3;right:10px;bottom:10px;padding:8px 11px;border:1px solid #d2b271;background:#0b100de8;color:#f2e1b9;cursor:pointer;font:700 .75rem 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em}
.faction-crop-button:hover,.faction-crop-button:focus-visible{background:#d2b271;color:#0b100d}
.home-bg{background-position:var(--site-crop-x,50%) var(--site-crop-y,54%);transform:scale(var(--site-crop-zoom,1));transform-origin:var(--site-crop-x,50%) var(--site-crop-y,54%)}
.page-hero{overflow:hidden}
.page-hero::before{content:"";position:absolute;inset:0;z-index:0;background:var(--site-hero-image) var(--site-crop-x,50%) var(--site-crop-y,50%)/cover no-repeat;transform:scale(var(--site-crop-zoom,1));transform-origin:var(--site-crop-x,50%) var(--site-crop-y,50%);pointer-events:none}
.page-hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,9,7,.93),rgba(7,9,7,.45));pointer-events:none}
.page-hero>.container{position:relative;z-index:2}
body.outpost-crop-active{overflow:hidden}
.outpost-crop-modal[hidden]{display:none!important}
.outpost-crop-modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:18px}
.outpost-crop-backdrop{position:absolute;inset:0;background:#050705dc;border:0}
.outpost-crop-dialog{position:relative;box-sizing:border-box;width:min(840px,100%);max-height:calc(100dvh - 36px);overflow:auto;padding:clamp(16px,3vw,32px);border:1px solid #d2b2719c;background:#131813;color:#eee9dd;box-shadow:0 26px 80px #000a}
.outpost-crop-dialog h2{margin:2px 0 15px;color:#fff;font:700 clamp(1.65rem,4vw,2.4rem) 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase}
.outpost-crop-dialog p{margin:0 0 12px;color:#aaa89e;font-size:.85rem}
.outpost-crop-frame{position:relative;box-sizing:border-box;width:min(100%,640px);max-height:52dvh;margin:0 auto;overflow:hidden;aspect-ratio:var(--crop-ratio,4/5);border:2px solid #d2b271;background:#080b08;touch-action:none;cursor:grab}
.outpost-crop-frame.is-dragging{cursor:grabbing}
.outpost-crop-frame img{display:block;user-select:none;pointer-events:none}
.outpost-crop-controls{display:flex;align-items:center;gap:12px;margin-top:18px}
.outpost-crop-controls label{min-width:55px;color:#d2b271;font:700 .8rem 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase}
.outpost-crop-range{position:relative;flex:1;min-width:0;height:36px;--range-progress:0%}
.outpost-crop-range-track{position:absolute;top:50%;left:0;right:0;height:5px;transform:translateY(-50%);background:#5b604f;border-radius:10px;pointer-events:none}
.outpost-crop-range-track>span{display:block;width:var(--range-progress);height:100%;background:#d2b271;border-radius:inherit}
.outpost-crop-range-track::after{content:"";position:absolute;top:50%;left:var(--range-progress);width:18px;height:18px;box-sizing:border-box;transform:translate(-50%,-50%);border:2px solid #101410;border-radius:50%;background:#d2b271;box-shadow:0 0 0 1px #d2b271}
.outpost-crop-range input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;touch-action:none}
.outpost-crop-range:focus-within{outline:2px solid #f0d69e;outline-offset:2px}
.outpost-crop-controls output{width:45px;color:#e9e3d5;text-align:right;font-size:.8rem}
.outpost-crop-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;flex-wrap:wrap}
.outpost-crop-actions button{min-height:40px;padding:8px 15px;border:1px solid #d2b2717d;background:#0c100c;color:#eee9dd;cursor:pointer}
.outpost-crop-actions button[data-crop-apply]{background:#d2b271;color:#0b100d;font-weight:700}
.outpost-crop-actions button:hover{border-color:#fff}
@media(max-width:600px){.outpost-crop-frame{max-height:48dvh}.outpost-crop-dialog{padding:16px}}

.outpost-media-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}