/* Specelio / The Paper Transformation — signature interactive showcase */
.sx-editorial .sx-proof{background:#f0efe8;border-top:1px solid #e3e4d9;border-bottom:1px solid #d7ddd1;padding:115px 0 105px;overflow:hidden}
.sx-editorial .sx-proof-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);align-items:end;gap:clamp(50px,7vw,115px);padding-bottom:52px}
.sx-editorial .sx-proof-kicker{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;letter-spacing:.14em;color:#657267;max-width:420px;margin-bottom:25px}
.sx-editorial .sx-proof-kicker>span:last-child{color:#a76c4e}
.sx-editorial .sx-proof-lead h2{font:500 clamp(46px,5.1vw,72px)/1.1 Georgia,serif;letter-spacing:-.055em;color:#2c4435;margin:0}
.sx-editorial .sx-proof-lead h2 em{font-weight:400;color:#b16648}
.sx-editorial .sx-proof-aside>p{font-size:15px;line-height:1.82;color:#63746b;margin-bottom:26px;max-width:380px}
.sx-editorial .sx-proof-control{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.sx-editorial .sx-proof-view{appearance:none;-webkit-appearance:none;cursor:pointer;border:1px solid #bcc9bc;border-radius:2px;background:transparent;color:#42644e;font-size:12px;padding:12px 15px;font-weight:750;transition:background .2s,color .2s}
.sx-editorial .sx-proof-view:hover{background:#e0e8db}
.sx-editorial .sx-proof-view[aria-pressed="true"]{background:#2f5745;color:#fff;border-color:#2f5745}
.sx-editorial .sx-proof-scene{position:relative}
.sx-editorial .sx-proof-hint{font-size:13px;line-height:1.6;color:#41644b;margin:0 0 18px;max-width:810px}
.sx-editorial .sx-proof-hint strong{color:#2d5746;font-weight:800}
.sx-editorial .sx-proof-hint span{color:#ab6549;font-size:23px;vertical-align:middle;margin-left:8px}
.sx-editorial .sx-proof-stage{--sx-split:50%;height:630px;position:relative;overflow:hidden;isolation:isolate;background:#dcded1;border:1px solid #ced5ca;box-shadow:0 28px 64px #263f3020;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.sx-editorial .sx-proof-before,.sx-editorial .sx-proof-after{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}
.sx-editorial .sx-proof-before{z-index:0;isolation:isolate;background:radial-gradient(circle at 17% 85%,#d6d7c8 0,transparent 41%),repeating-linear-gradient(0deg,transparent 0 36px,#b4c5ae2e 37px,transparent 38px),#e1e1d3}
.sx-editorial .sx-proof-after{z-index:2;isolation:isolate;background:radial-gradient(circle at 79% 15%,#fbf9ed 0,transparent 55%),#e9e9df;clip-path:inset(0 calc(100% - var(--sx-split)) 0 0);transition:clip-path .32s cubic-bezier(.2,.85,.2,1)}
.sx-editorial .sx-proof-stage.is-dragging .sx-proof-after{transition:none}
.sx-editorial .sx-proof-corner{position:absolute;left:34px;top:27px;z-index:2;display:flex;align-items:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:.125em;color:#6c796c}
.sx-editorial .sx-proof-after .sx-proof-corner{color:#536c55}
.sx-editorial .sx-proof-corner-dot{width:7px;height:7px;background:#a16a4b;border-radius:100%}
.sx-editorial .sx-proof-after .sx-proof-corner-dot{background:#3d7c58}
.sx-editorial .sx-proof-sheet{position:relative;z-index:1;width:min(750px,calc(100% - 148px));height:485px;padding:38px 53px 35px}
.sx-editorial .sx-proof-sheet-raw{transform:rotate(-3deg);background:linear-gradient(100deg,#fefbf0,#f8f3e4);box-shadow:0 14px 24px #544e332e,0 2px 4px #544e3313;border:1px solid #e4d9bd}
.sx-editorial .sx-proof-raw-heading{display:flex;justify-content:space-between;gap:20px;font:700 10px/1.35 "IBM Plex Sans",sans-serif;color:#8d8a7a;letter-spacing:.12em;border-bottom:1px solid #d8d1ba;padding-bottom:17px}
.sx-editorial .sx-proof-sheet-raw h3{font:400 clamp(24px,2.4vw,34px)/1.22 Georgia,serif;color:#3a4734;letter-spacing:-.037em;margin:25px 0 22px}
.sx-editorial .sx-proof-handnotes{display:grid;gap:10px}
.sx-editorial .sx-proof-handnotes p{font:italic 19px/1.36 Georgia,serif;color:#546451;margin:0}
.sx-editorial .sx-proof-handnotes p:nth-child(2){transform:rotate(-.65deg)}
.sx-editorial .sx-proof-handnotes p:nth-child(4){transform:rotate(.5deg)}
.sx-editorial .sx-proof-pencil{position:absolute;top:55%;right:22px;height:97px;width:1px;background:#b67b5b;transform:rotate(16deg);opacity:.44}
.sx-editorial .sx-proof-raw-bottom{position:absolute;bottom:25px;left:53px;right:53px;padding-top:11px;border-top:1px dashed #d6d1b9;display:flex;gap:15px;color:#959483;font-size:10px;letter-spacing:.04em}
.sx-editorial .sx-proof-sheet-clean{background:#fffefa;box-shadow:0 14px 29px #3d544322,0 2px 4px #3d544310;border:1px solid #d4dbcf}
.sx-editorial .sx-proof-doc-top{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#789080;letter-spacing:.1em;font-weight:780;border-bottom:1px solid #dae2d9;padding-bottom:15px}
.sx-editorial .sx-proof-doc-top span:first-child{font-family:Georgia,serif;font-size:15px;color:#315c45;letter-spacing:-.03em}
.sx-editorial .sx-proof-doc-type{font-size:9px;color:#7d9081;font-weight:800;letter-spacing:.115em;margin-top:22px}
.sx-editorial .sx-proof-sheet-clean h3{font:500 clamp(22px,2.2vw,31px)/1.2 Georgia,serif;color:#294b37;letter-spacing:-.04em;margin:8px 0 20px}
.sx-editorial .sx-proof-doc-section{border-top:1px solid #e5eae2;padding:11px 0 12px}
.sx-editorial .sx-proof-doc-section span{display:block;font-size:9px;font-weight:800;letter-spacing:.09em;color:#4c795b;margin-bottom:5px}
.sx-editorial .sx-proof-doc-section p{font-size:12px;line-height:1.55;color:#516457;margin:0}
.sx-editorial .sx-proof-doc-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:#91a094;border-top:1px solid #e5eae2;padding-top:11px;margin-top:4px}
.sx-editorial .sx-proof-bottom-stamp{position:absolute;bottom:20px;left:33px;color:#8a9388;font-size:11px;font-weight:800;letter-spacing:.12em}
.sx-editorial .sx-proof-divider{position:absolute;inset:0 auto 0 var(--sx-split);width:2px;background:#fffdf7;box-shadow:0 0 0 1px #4b6a56,0 0 16px #52644c2b;transform:translateX(-50%);z-index:5;pointer-events:none;transition:left .4s cubic-bezier(.2,.85,.2,1)}
.sx-editorial .sx-proof-stage.is-dragging .sx-proof-divider{transition:none}
.sx-editorial .sx-proof-handle{display:flex;align-items:center;justify-content:center;gap:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:64px;width:64px;border-radius:50%;border:3px solid #fff;background:#2d5944;box-shadow:0 8px 20px #263f3060;color:#fff;font-size:23px;line-height:1}
.sx-editorial .sx-proof-handle i{display:block;height:19px;width:1px;background:#b7d0be}
.sx-editorial .sx-proof-slider-label{position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0,0,0,0)}
.sx-editorial .sx-proof-slider{appearance:none;-webkit-appearance:none;position:absolute;left:50%;top:50%;width:1px;height:1px;opacity:0;pointer-events:none;margin:0;clip-path:inset(50%)}
.sx-editorial .sx-proof-stage:focus-within{outline:3px solid #ba7955;outline-offset:4px}
.sx-editorial .sx-proof-stage-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:21px;color:#69776b;font-size:10px;letter-spacing:.08em;font-weight:780}
.sx-editorial .sx-proof-stage-footer span:nth-child(2){color:#9f6447}
.sx-editorial .sx-proof-stage-footer b{font-size:20px;vertical-align:middle;font-weight:400;margin-left:4px}
.sx-editorial .sx-proof-disclaimer{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-top:41px}
.sx-editorial .sx-proof-disclaimer p{font-size:11px;line-height:1.75;color:#7d897d;max-width:660px}
.sx-editorial .sx-proof-disclaimer a{font-size:12px;font-weight:730;color:#39654b;white-space:nowrap;border-bottom:1px solid #acc3ad;padding-bottom:5px}
.sx-editorial .sx-proof-disclaimer a span{margin-left:12px}
@media(max-width:980px){
 .sx-editorial .sx-proof-top{grid-template-columns:1fr;gap:20px}
 .sx-editorial .sx-proof-aside{display:flex;align-items:end;justify-content:space-between;gap:20px}
 .sx-editorial .sx-proof-aside>p{margin-bottom:0}
 .sx-editorial .sx-proof-sheet{width:min(700px,calc(100% - 100px))}
 .sx-editorial .sx-proof-stage{height:600px}
}
@media(max-width:700px){
 .sx-editorial .sx-proof{padding:78px 0 76px}
 .sx-editorial .sx-proof-top{padding-bottom:30px}
 .sx-editorial .sx-proof-kicker{font-size:9px}
 .sx-editorial .sx-proof-lead h2{font-size:clamp(37px,8.4vw,53px)}
 .sx-editorial .sx-proof-aside{display:block}
 .sx-editorial .sx-proof-aside>p{font-size:13px;margin-bottom:18px}
 .sx-editorial .sx-proof-scene{width:100%;margin-inline:0}
 .sx-editorial .sx-proof-stage{height:580px;border-left:0;border-right:0}
 .sx-editorial .sx-proof-corner{left:18px;top:20px;font-size:8px}
 .sx-editorial .sx-proof-bottom-stamp{left:17px;bottom:17px;font-size:9px}
 .sx-editorial .sx-proof-sheet{width:calc(100% - 40px);height:466px;padding:26px 21px}
 .sx-editorial .sx-proof-handnotes{gap:14px}
 .sx-editorial .sx-proof-handnotes p{font-size:14px;line-height:1.43}
 .sx-editorial .sx-proof-sheet-raw h3{font-size:25px;margin:22px 0}
 .sx-editorial .sx-proof-raw-heading{font-size:9px}
 .sx-editorial .sx-proof-raw-bottom{left:21px;right:21px}
 .sx-editorial .sx-proof-doc-top{font-size:8px}
 .sx-editorial .sx-proof-doc-top span:first-child{font-size:13px}
 .sx-editorial .sx-proof-doc-type{font-size:8px;margin-top:19px}
 .sx-editorial .sx-proof-sheet-clean h3{font-size:22px;margin:6px 0 15px}
 .sx-editorial .sx-proof-doc-section{padding:9px 0}
 .sx-editorial .sx-proof-doc-section span{font-size:8px}
 .sx-editorial .sx-proof-doc-section p{font-size:10px;line-height:1.52}
 .sx-editorial .sx-proof-handle{width:51px;height:51px;font-size:20px}
 .sx-editorial .sx-proof-stage-footer{padding-inline:15px;gap:8px;font-size:8px;letter-spacing:.045em}
 .sx-editorial .sx-proof-stage-footer span:nth-child(2){max-width:120px;text-align:center}
 .sx-editorial .sx-proof-disclaimer{display:block;margin-top:27px}
 .sx-editorial .sx-proof-disclaimer a{display:inline-block;margin-top:12px}
}
@media(max-width:390px){
 .sx-editorial .sx-proof-sheet{height:490px}
 .sx-editorial .sx-proof-stage{height:615px}
 .sx-editorial .sx-proof-handnotes p{font-size:13px}
 .sx-editorial .sx-proof-doc-section p{font-size:9.8px}
 .sx-editorial .sx-proof-stage-footer{font-size:7px}
}
@media(prefers-reduced-motion:reduce){
 .sx-editorial .sx-proof-after,.sx-editorial .sx-proof-divider{transition:none!important}
}