/* Editorial concept page for the five-step free-preview sequence. */
.editorial-preview .preview-browser{border:1px solid #c2c7bc;transform:rotate(-1.2deg);box-shadow:0 25px 55px #1a2d2112,0 3px 8px #1a2d2108;background:#f8f7f1}
.editorial-preview .window-bar{height:30px;background:#f1f1ec;border-bottom:1px solid #dcded4;color:#697567;font-size:7px;letter-spacing:.045em;padding:0 14px}
.editorial-preview .window-bar>i{background:#a6b19e;width:4px;height:4px}
.editorial-preview .preview-canvas{height:calc(100% - 30px);background:#f7f6ef;color:#233a2f}
.editorial-preview .preview-label{top:8%;left:6%;font:700 13px Arial;letter-spacing:-.045em}
.editorial-preview .preview-label>span{font-size:6px;vertical-align:super;margin-left:3px}
.pv-mini-nav{position:absolute;top:8.5%;right:6%;display:flex;gap:20px;font:6px Consolas;letter-spacing:.04em}
.pv-editorial-kicker{position:absolute;left:6%;top:24%;font:6px Consolas;letter-spacing:.13em;color:#78836e}
.editorial-preview .pv-headline{left:6%;top:32%;font:600 3.15vw/.98 Studio,Arial,sans-serif;letter-spacing:-.065em;color:#263d30;transform:none;transition:transform .75s,color .7s,opacity .6s}
.editorial-preview .pv-headline em{font:italic 400 3.7vw/.93 Georgia,'Times New Roman',serif;letter-spacing:-.06em;color:#56704b}
.editorial-preview .pv-art{position:absolute;right:6%;top:22%;bottom:17%;height:auto;width:34%;aspect-ratio:auto;background:#e2e5d8;border-radius:0;transform:none;transition:transform .9s,background .7s}
.pv-product-photo{position:absolute;inset:0;background-image:url('assets/web198/box9-thumb.webp');background-size:540% auto;background-position:50% 65%;filter:saturate(.6) contrast(.94);transition:opacity .7s,filter .7s,transform 1.2s;box-shadow:inset 0 0 25px #2d392108}
.pv-art:before{content:"";position:absolute;inset:-7px 7px 7px -7px;border:1px solid #8f9c7345;z-index:1;pointer-events:none;transition:inset .7s}
.pv-art-caption{position:absolute;top:100%;left:0;right:0;padding-top:10px;display:flex;justify-content:space-between;border-top:1px solid #b5bfaa;color:#64765c;font:6px Consolas;letter-spacing:.08em}
.pv-art-caption b{font:17px Arial;line-height:.4;font-weight:400}
.pv-wire-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;opacity:0;font:7px Consolas;letter-spacing:.08em;color:#56684c}
.pv-wire-label span{font:30px Georgia}
.editorial-preview .pv-small{left:6%;bottom:17%;font-size:10px;color:#6c7763;transform:none;transition:color .6s}
.editorial-preview .pv-button{left:6%;bottom:6%;display:flex;justify-content:space-between;align-items:center;min-width:125px;border:0;border-bottom:1px solid #6a7a64;padding:0 0 8px;font:9px Studio;color:#31492e}
.editorial-preview .pv-button b{font:16px Arial;font-weight:400;margin-left:16px}
.pv-edition{position:absolute;bottom:6%;right:6%;font:5px Consolas;letter-spacing:.08em;color:#798472}
.editorial-preview .pv-scan{width:1px;background:#214df3;box-shadow:0 0 28px 12px #214df314;opacity:0;pointer-events:none;z-index:6}
.editorial-preview .pv-grid{background:repeating-linear-gradient(90deg,transparent 0 19.8%,#526d4525 19.8% 20%),repeating-linear-gradient(0deg,transparent 0 24.7%,#526d4525 24.7% 25%);z-index:4;pointer-events:none}
.editorial-preview .pv-tag{z-index:8;font:8px Studio;letter-spacing:-.02em;padding:6px 8px;background:#214df3;color:white;box-shadow:0 3px 9px #15213112}
.editorial-preview .tag-a{top:24%;left:5%}.editorial-preview .tag-b{top:15%;bottom:auto;right:6%}.editorial-preview .tag-c{bottom:5%;left:29%}
.preview-stage[data-step="1"] .editorial-preview .pv-scan{opacity:1}
.preview-stage[data-step="1"] .editorial-preview .pv-headline{outline:1px solid #214df333;outline-offset:9px}
.preview-stage[data-step="1"] .editorial-preview .pv-art{outline:1px solid #214df355;outline-offset:5px}
.preview-stage[data-step="2"] .editorial-preview .preview-browser{transform:rotateY(-5deg) rotateX(3deg)}
.preview-stage[data-step="2"] .editorial-preview .pv-headline{transform:translateX(6px);opacity:.55}
.preview-stage[data-step="2"] .editorial-preview .pv-art{transform:translateY(5px);border-radius:0;background:#e0e5d7}
.preview-stage[data-step="2"] .pv-product-photo{opacity:.12;filter:grayscale(1)}
.preview-stage[data-step="2"] .pv-wire-label{opacity:1}
.preview-stage[data-step="2"] .editorial-preview .pv-small{transform:none}
.preview-stage[data-step="3"] .editorial-preview .preview-browser{transform:rotate(0)}
.preview-stage[data-step="3"] .editorial-preview .preview-canvas{background:#18352b;color:#f1f2de}
.preview-stage[data-step="3"] .editorial-preview .pv-headline{transform:none;color:#f8f6e9;opacity:1}
.preview-stage[data-step="3"] .editorial-preview .pv-headline em{color:#d5e8b8}
.preview-stage[data-step="3"] .editorial-preview .pv-art{background:#d6dfc4;transform:none;border-radius:0}
.preview-stage[data-step="3"] .pv-product-photo{filter:saturate(.75) contrast(.98);transform:scale(1.015)}
.preview-stage[data-step="3"] .pv-art:before{inset:-9px 9px 9px -9px;border-color:#c1d4a744}
.preview-stage[data-step="3"] .pv-small,.preview-stage[data-step="3"] .pv-editorial-kicker,.preview-stage[data-step="3"] .pv-art-caption,.preview-stage[data-step="3"] .pv-edition{color:#c1cbb3}
.preview-stage[data-step="3"] .editorial-preview .pv-button{background:#d5e8b8;color:#18352b;border:0;padding:8px 10px}
.editorial-preview .preview-decision{background:#214df3;clip-path:inset(100% 0 0);border:1px solid #214df3;gap:22px;transition:clip-path .8s var(--ease)}
.preview-stage[data-step="4"] .editorial-preview .preview-decision{clip-path:inset(0)}
.preview-stage[data-step="4"] .editorial-preview .preview-browser{transform:scale(.96);filter:saturate(.5)}
.editorial-preview .preview-decision:before{content:"04";position:absolute;right:5%;bottom:-12%;font:italic 25vw/.9 Georgia;color:#ffffff0c;pointer-events:none}
.editorial-preview .preview-decision>span{font-size:13px;letter-spacing:.02em;color:#dfe5ff}
.editorial-preview .preview-decision strong{font-size:3.1vw;font-weight:600;line-height:1.22;letter-spacing:-.055em;z-index:1}
.editorial-preview .preview-decision button{display:flex;align-items:center;gap:50px;font-size:13px;z-index:1}
.editorial-preview .preview-decision button i{font-style:normal;font-size:23px}
.editorial-preview .machine-note{font-size:7px;letter-spacing:.03em;bottom:-26px;color:#7b8476}
@media(min-width:701px) and (max-width:1100px){
.editorial-preview .preview-label{font-size:10px}.pv-mini-nav{font-size:5px;gap:10px}.pv-editorial-kicker{font-size:5px}
.editorial-preview .pv-headline{font-size:3.5vw}.editorial-preview .pv-headline em{font-size:3.8vw}
.editorial-preview .pv-small{font-size:8px}.editorial-preview .pv-button{font-size:8px;min-width:95px;padding-bottom:4px}
.pv-art-caption{font-size:5px;padding-top:7px}.pv-edition{font-size:4px}
}
@media(max-width:700px){
.editorial-preview .preview-browser{transform:rotate(-1deg)}.editorial-preview .window-bar{height:22px;font-size:5px;padding:0 9px}
.editorial-preview .preview-canvas{height:calc(100% - 22px)}.editorial-preview .preview-label{font-size:8px}.editorial-preview .preview-label>span{font-size:4px}
.pv-mini-nav{font-size:4px;gap:7px}.pv-editorial-kicker{font-size:4px;letter-spacing:.06em}
.editorial-preview .pv-headline{font-size:5.8vw;top:31%}.editorial-preview .pv-headline em{font-size:6.6vw}
.editorial-preview .pv-small{font-size:6px;bottom:17%}.editorial-preview .pv-button{font-size:6px;min-width:90px;padding-bottom:4px}.editorial-preview .pv-button b{font-size:12px}
.pv-art-caption{font-size:4px;padding-top:6px}.pv-art-caption b{font-size:12px}.pv-art:before{inset:-4px 4px 4px -4px}.pv-edition{font-size:3px}
.editorial-preview .pv-tag{font-size:6px;padding:4px 5px}.pv-wire-label{font-size:5px}.pv-wire-label span{font-size:20px}
.editorial-preview .preview-decision{gap:12px}.editorial-preview .preview-decision>span{font-size:10px}
.editorial-preview .preview-decision strong{font-size:7vw}.editorial-preview .preview-decision button{font-size:10px;padding:9px 0;gap:30px}
.editorial-preview .preview-decision:before{font-size:43vw}.editorial-preview .machine-note{font-size:5px;bottom:-20px}
}
body.reduced .editorial-preview *{transition:none!important;animation:none!important}