.proof-section{padding-block:66px 58px}
.proof-heading{margin-bottom:30px}
.proof-heading h2{max-width:1040px;font-size:clamp(48px,5.6vw,82px);line-height:1.02;letter-spacing:-.04em;text-wrap:balance}
.proof-tabs{display:inline-flex;gap:4px;padding:4px;background:var(--light);margin-bottom:24px}
.proof-tabs button{position:relative;border:0;padding:11px 17px;font-size:12px;color:var(--muted);transition:color .2s,background .2s}
.proof-tabs button[aria-selected=true]{color:var(--ink);background:var(--white);box-shadow:0 1px 3px #20212412}
.proof-panel:focus-visible{outline-offset:10px}
.proof-test-intro{display:flex;align-items:center;justify-content:space-between;gap:45px;margin-bottom:32px;min-height:114px}
.proof-test-intro>p{font-size:12px;line-height:1.85;max-width:640px}
.proof-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;align-items:start}
.proof-board-style{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
.proof-panel[data-proof-panel=style] .proof-test-intro{min-height:0;margin-block:29px 32px}
.proof-result{min-width:0;position:relative}
.proof-result>figcaption{display:flex;align-items:center;font-size:14px;line-height:1.6;min-height:34px}
.proof-result-redraft>figcaption>span{display:inline-block;padding:4px 11px;background:var(--red);color:var(--white);font-size:13px}
.proof-annotated{position:relative}
.proof-result-image{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;overflow:hidden;aspect-ratio:9/16;transition:box-shadow .25s}
.proof-result-image>img{position:absolute;inset:0;margin:auto;display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.proof-result-redraft .proof-result-image::after{content:"";position:absolute;z-index:2;left:50%;top:50%;width:auto;height:100%;max-width:100%;aspect-ratio:var(--proof-art-ratio);box-sizing:border-box;border:2px solid var(--red);transform:translate(-50%,-50%);pointer-events:none}
.proof-result-image:hover{box-shadow:0 7px 22px #38291d20}
.proof-result-image>.proof-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--compare,0%)) 0 0)}
.proof-wipe-line{position:absolute;top:0;bottom:0;left:var(--compare,0%);width:1px;background:var(--red);opacity:var(--wipe-visible,0)}
.proof-zoom-mark{position:absolute;right:7px;bottom:7px;width:24px;height:24px;font-size:0;line-height:0;background:var(--paper);opacity:0;transition:opacity .2s;z-index:3}
.proof-zoom-mark::before,.proof-zoom-mark::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1px;background:currentColor;transform:translate(-50%,-50%)}
.proof-zoom-mark::after{transform:translate(-50%,-50%) rotate(90deg)}
.proof-result-image:hover .proof-zoom-mark,.proof-result-image:focus-visible .proof-zoom-mark{opacity:1}
.proof-callout{font:24px/1.02 var(--hand);color:var(--red);position:relative;z-index:4;pointer-events:none;display:flex;justify-content:var(--note-align,left)}
.proof-callout>span{display:block;width:var(--note-width,95%);translate:0 var(--note-shift,0px);rotate:var(--note-tilt,0deg)}
.proof-callout-top,.proof-note-space{height:88px;align-items:center;padding:4px 0 15px}
.proof-callout-bottom{min-height:102px;padding-top:27px}
.proof-note-canvas{position:absolute;top:0;left:-12px;width:calc(100% + 24px);height:100%;pointer-events:none;z-index:3}
.proof-annotated.is-comparing .proof-callout,.proof-annotated.is-comparing .proof-note-canvas{visibility:hidden}
.proof-wipe{margin-top:4px}
.proof-wipe>div{display:flex;justify-content:space-between;gap:6px;font-size:10px;line-height:1.5}
.proof-wipe input{display:block;appearance:none;width:100%;height:28px;margin:2px 0;background:transparent;cursor:ew-resize;touch-action:pan-y;accent-color:var(--red)}
.proof-wipe input::-webkit-slider-runnable-track{height:1px;background:#b49b91}
.proof-wipe input::-webkit-slider-thumb{appearance:none;width:13px;height:13px;margin-top:-6px;background:var(--paper);border:1.5px solid var(--red);border-radius:50%}
.proof-wipe input::-moz-range-track{height:1px;background:#b49b91}
.proof-wipe input::-moz-range-thumb{width:11px;height:11px;background:var(--paper);border:1.5px solid var(--red);border-radius:50%}
.proof-iteration-count{display:flex;align-items:center;gap:8px;min-width:220px;color:var(--red)}
.proof-iteration-count span{font-size:10px;display:grid;place-items:center;border:1px solid #8e272b55;border-radius:50%;width:27px;height:27px;flex:none}
.proof-iteration-count i{height:1px;background:#8e272b55;flex:1}
.proof-model-picker,.proof-source-picker{display:none}
.proof-lightbox{border:0;background:var(--paper);color:var(--ink);width:min(98vw,1200px);height:94dvh;max-width:none;max-height:none;padding:20px 24px;overflow:hidden}
.proof-lightbox[open]{display:flex;flex-direction:column;gap:16px}
.proof-lightbox::backdrop{background:#171512e8;backdrop-filter:blur(6px)}
.proof-lightbox-top,.proof-lightbox-nav{display:flex;justify-content:space-between;align-items:center;gap:18px;flex:none;font-size:11px}
.proof-lightbox-top>button,.proof-lightbox-nav button{border:0;padding:9px 0;font-size:11px}
.proof-lightbox-top>button span{font-size:23px;line-height:0;margin-left:10px;vertical-align:middle}
.proof-lightbox>img{display:block;flex:1;min-height:0;width:100%;object-fit:contain}
.proof-lightbox-nav{border-top:1px solid var(--line);padding-top:7px;color:var(--red)}
body.proof-modal-open{overflow:hidden}
.proof-demo{padding-block:42px}
.proof-demo-frame{aspect-ratio:16/7;background:#efede7;border:1px solid var(--line)}
.video-placeholder{background:#efede7!important}
@media(max-width:1000px){.proof-board{gap:20px}.proof-callout{font-size:22px}.proof-test-intro>p{font-size:11px;max-width:510px}.proof-test-intro{gap:30px}.proof-board-style{gap:16px}.proof-board-style .proof-callout{font-size:20px}.proof-board-style .proof-callout-top,.proof-board-style .proof-note-space{height:90px}.proof-result>figcaption{font-size:12px}}
@media(max-width:680px){.proof-section{padding-block:44px 32px}.proof-heading h2{font-size:clamp(42px,10vw,64px)}.proof-tabs{gap:3px;margin-bottom:18px}.proof-tabs button{font-size:11px;padding:10px 12px}.proof-test-intro{gap:20px;min-height:100px;margin-bottom:20px}.proof-test-intro>p{font-size:10px}.proof-panel[data-proof-panel=iterations] .proof-test-intro{display:block;min-height:0}.proof-iteration-count{max-width:240px;min-width:0;margin-top:18px}.proof-model-picker{display:flex;gap:5px;margin-bottom:20px}.proof-model-picker button{border:0;padding:9px 11px;position:relative;font-size:11px;color:var(--muted);background:var(--light)}.proof-model-picker button[aria-pressed=true]{color:var(--white);background:var(--red)}.proof-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.proof-result[data-proof-model]:not([data-selected]),.proof-result[data-proof-source]:not([data-source-selected]){display:none}.proof-source-picker{display:flex;align-items:center;gap:20px;margin:0 0 12px;flex-wrap:wrap}.proof-source-picker>span{font-size:9px;color:var(--muted)}.proof-source-picker button{border:0;padding:7px 0;font-size:10px;color:var(--muted)}.proof-source-picker button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:5px}.proof-board-style .proof-callout{font-size:21px}.proof-board-style .proof-callout-top,.proof-board-style .proof-note-space{height:77px}.proof-result>figcaption{font-size:12px;min-height:34px}.proof-result-redraft>figcaption>span{font-size:11px;padding:4px 9px}.proof-callout{font-size:21px}.proof-callout-top,.proof-note-space{height:77px}.proof-callout-bottom{padding-top:24px;min-height:90px}.proof-wipe input{height:34px}.proof-lightbox{padding:14px;width:100vw;height:100dvh}.proof-lightbox-top{font-size:9px}.proof-lightbox-top>button,.proof-lightbox-nav button{font-size:10px}.proof-demo{padding-block:28px}.proof-demo-frame{aspect-ratio:4/3}}
@media(max-width:360px){.proof-board{gap:16px}.proof-callout,.proof-board-style .proof-callout{font-size:19px}.proof-tabs{gap:2px}.proof-tabs button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.proof-section *{transition:none!important}}