/* Feather all preview edges, including the top and bottom. */
.work-preview.previous,.work-preview.next{mask-image:radial-gradient(ellipse at center,#000 15%,#000b 40%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at center,#000 15%,#000b 40%,transparent 72%);border-radius:0;filter:blur(17px) saturate(.7)}
.phone-stage{position:relative;width:100%;display:flex;justify-content:center;align-items:center;isolation:isolate}
#product-video .phone-frame{width:clamp(300px,18vw,510px);max-width:52%;z-index:2;flex-shrink:0}
.phone-neighbor{position:absolute;top:3%;width:34%;height:94%;object-fit:cover;opacity:.35;filter:blur(18px) saturate(.7);pointer-events:none;mask-image:radial-gradient(ellipse,#000 25%,#000b 45%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse,#000 25%,#000b 45%,transparent 73%)}
.phone-neighbor.previous{left:0}.phone-neighbor.next{right:0}
.phone-playback{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;max-width:440px;width:90%;font-size:12px}
.phone-playback button{border:1px solid #ffffff90;background:#ff732d;width:38px;height:38px;border-radius:50%}
.phone-playback label{display:flex;gap:8px;align-items:center}.phone-volume{width:115px;accent-color:#ff732d}.phone-volume-value{min-width:36px}.phone-seek{width:100%;accent-color:#ff732d}
.phone-center-play{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;display:grid;place-items:center;border-radius:50%;border:1px solid white;background:#18181880;backdrop-filter:blur(8px);font-size:23px;padding-left:8px}
.phone-center-play[hidden]{display:none}
.skill-bubble{animation-duration:5.5s}
@keyframes bubble-idle{0%,100%{transform:translate(0,0) rotate(-1deg)}25%{transform:translate(7px,-10px) rotate(2deg)}55%{transform:translate(-5px,-16px) rotate(-2deg)}80%{transform:translate(-8px,4px) rotate(1deg)}}
#editorial .editorial-book{background:transparent;box-shadow:0 35px 45px -16px #000b,0 10px 16px #0005;border-radius:3px}
.editorial-spread,.editorial-spread img,.editorial-fold-face{background:transparent;border-radius:0}
.editorial-spread img{object-fit:fill}
.editorial-fold{will-change:transform}
@media(max-width:700px){#product-video .phone-frame{width:260px;max-width:76%}.phone-neighbor{width:38%;opacity:.28}.phone-neighbor.previous{left:-10%}.phone-neighbor.next{right:-10%}.phone-playback{width:95%}.phone-showcase{gap:14px}}

.category-copy h2 .category-brush-title{display:block;font:inherit;color:inherit;line-height:inherit}
.category-copy h2 .category-brush-accent{position:relative;display:inline-block;isolation:isolate;font:inherit;color:#fff0d6;background:none;padding:0}
.category-brush-accent::before{content:'';position:absolute;z-index:-1;inset:8% -.14em -9%;background:linear-gradient(110deg,#ad4318,#df752b);mask:url('assets/decor/title-brush-mask.svg') center/100% 100% no-repeat;-webkit-mask:url('assets/decor/title-brush-mask.svg') center/100% 100% no-repeat;transform:rotate(-4deg)}

.phone-center-play{width:clamp(64px,5vw,96px);height:clamp(64px,5vw,96px);padding:0;border:2px solid #fff5df;color:#fff5df;background:#18181855;box-shadow:0 6px 24px #0003;cursor:pointer}
.phone-center-play svg{width:44%;height:44%;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.phone-center-play:focus-visible{outline:3px solid #ff792d;outline-offset:5px}