.avpose{background:var(--avpose-bg);color:var(--avpose-ink);padding:var(--avpose-pad) 24px}.avpose__inner{max-width:1080px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.avpose__copy h2{font-family:var(--font-heading-family,Georgia,serif);font-weight:400;font-size:var(--avpose-title);line-height:1.12;margin:0 0 20px}.avpose__copy p{font-size:var(--avpose-body);line-height:1.65;margin:0 0 20px}.avpose__copy .avpose__note{font-size:13px;line-height:1.6;opacity:.8;border-top:1px solid #30272430;padding-top:20px}.avpose__viewer{display:block;width:100%;max-width:var(--avpose-max);margin:auto}.avpose__frame{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:8px;background:#e6ddd1;isolation:isolate;user-select:none}.avpose__image{position:absolute;inset:0}.avpose__image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.avpose__overlay{clip-path:inset(0 calc(100% - var(--avpose-split)) 0 0)}.avpose__divider{position:absolute;left:var(--avpose-split);top:0;bottom:0;width:2px;background:#fff;transform:translateX(-50%);pointer-events:none}.avpose__divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:#302724;font-size:24px;box-shadow:0 2px 10px #0002}.avpose__labels{display:flex;justify-content:space-between;gap:16px;padding-top:12px;font-size:12px;line-height:1.4}.avpose__labels span{max-width:46%}.avpose__labels span:last-child{text-align:right}.avpose__help{display:block;margin:16px 0 0;font-size:13px;text-align:center}.avpose__range{display:block;width:100%;margin:0;height:44px;accent-color:var(--avpose-ink);cursor:ew-resize;direction:ltr}.avpose__range:focus-visible{outline:2px solid var(--avpose-ink);outline-offset:4px;border-radius:4px}.avpose__range:disabled{opacity:.4}.avpose__frame.is-draggable .avpose__divider{pointer-events:auto;cursor:ew-resize}.avpose__frame.is-draggable .avpose__divider span{touch-action:none}
@media(max-width:899px){.avpose{padding:40px 20px}.avpose__inner{grid-template-columns:1fr;gap:24px}.avpose__copy{max-width:600px;margin:auto}.avpose__copy h2{font-size:clamp(28px,6vw,var(--avpose-title));margin-bottom:14px}.avpose__copy p{margin-bottom:14px}.avpose__copy .avpose__note{padding-top:14px}.avpose__viewer{max-width:min(100%,540px)}}
.avpose{scroll-margin-top:110px}