/* Typography leads; a single vertical light cut turns scroll into a real moment. */
.light-cut{position:relative;height:auto!important;background:transparent;isolation:isolate}
.cut-stage{position:relative;min-height:720px;height:100svh;overflow:clip;display:grid;place-items:center;perspective:1200px}
.cut-ready{height:230svh!important}.cut-ready .cut-stage{position:sticky;top:0}
.cut-heading{position:absolute;inset:0;margin:0;z-index:3;pointer-events:none;perspective:1200px;text-align:center;font-size:clamp(64px,10.2vw,150px);line-height:1.02;letter-spacing:-.04em;font-weight:800}
.cut-before,.cut-after{position:absolute;left:5%;width:90%;top:50%;transform:translateY(-50%)}
.cut-before{display:none;color:#fff8f3;white-space:nowrap}.cut-before>span{display:inline-block}
.cut-after{display:block;color:#fff8f3}.cut-word{display:block}.cut-after strong{color:#ff735f;font-weight:800;font-size:1.2em}
.cut-ready .cut-before{display:block}.cut-ready .cut-after{opacity:0}
.cut-image{position:absolute;inset:12% 6% 15%;overflow:hidden;border-radius:16px;opacity:.6;transform:scale(1)}
.cut-image img{width:100%;height:100%;object-fit:cover}
.cut-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#14151933,#14151955 42%,#141519d9)}
.cut-ready .cut-image{opacity:0}
.cut-caption{position:absolute;left:8%;right:8%;bottom:7%;z-index:4;display:flex;justify-content:space-between;align-items:end;gap:24px}
.cut-caption p{font-size:16px;line-height:1.5;color:#e4e8ee}.cut-caption strong{color:#fff8f3}.cut-caption>span{font-size:11px;color:#d1d8e3;max-width:210px}
.cut-energy{position:absolute;inset:8% 0 10%;pointer-events:none;z-index:4;display:none}
.cut-ready .cut-energy{display:block}
.cut-trace{position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(#ff634500,#ff674950 15%,#ffc0a7 65%,#fff5dc);transform-origin:top;box-shadow:0 0 12px #ff563b88;opacity:0}
.cut-tip{position:absolute;left:50%;top:0;width:4px;height:40px;margin-left:-1px;background:linear-gradient(transparent,#fffbe7 65%,#ffd293);border-radius:50%;box-shadow:0 0 12px 2px #ff854b,0 0 30px #ff654d99;opacity:0}
.cut-sparks{position:absolute;inset:0}.cut-spark{position:absolute;left:50%;top:0;width:2px;height:var(--length);background:linear-gradient(transparent,#ffac65 35%,#fff2cd);border-radius:2px;opacity:0;transform-origin:bottom;box-shadow:0 0 5px #ff795b66}
/* Six more paper-plane paths, varied in scale and depth; all use the existing pause control. */
.ambient-field .ambient-share{display:block;--size:44px;--duration:8s;--alpha:.32;--drift:30px;--turn:24deg;--tilt:-18deg}
.ambient-field .share-1{--x:8%;--size:54px;--delay:-1.5s;--duration:7.8s;--alpha:.48}
.ambient-field .share-2{--x:28%;--size:26px;--delay:-6s;--duration:10s;--alpha:.18;--turn:-35deg}
.ambient-field .share-3{--x:93%;--size:68px;--delay:-4s;--duration:8.2s;--alpha:.5;--drift:-35px}
.ambient-field .share-4{--x:70%;--size:32px;--delay:-1s;--duration:9.5s;--alpha:.23;--turn:-24deg}
.ambient-field .share-5{--x:48%;--size:24px;--delay:-7s;--duration:12s;--alpha:.14}
.ambient-field .share-6{--x:3%;--size:34px;--delay:-4.6s;--duration:9s;--alpha:.32;--turn:34deg}
.ambient-share svg{color:#cbd7e8;fill:#a6b3c912;stroke-width:1.2}
@media(max-width:760px){
 .cut-ready{height:215svh!important}.cut-stage{min-height:580px}
 .cut-heading{font-size:clamp(42px,13vw,80px)}.cut-before,.cut-after{left:4%;width:92%;top:46%}
 .cut-after strong{font-size:1.35em;margin-top:.08em}
 .cut-image{inset:18% 4% 24%;border-radius:12px}.cut-image img{object-position:50% 50%}
 .cut-caption{left:7%;right:7%;bottom:12%;display:block}.cut-caption p{font-size:14px}.cut-caption>span{display:block;margin-top:12px;font-size:10px}
 .cut-energy{inset:14% 0 22%}
 .ambient-field .ambient-share{display:none;animation:none;will-change:auto}
 .ambient-field .share-1,.ambient-field .share-3{display:block;animation:ambient-rise var(--duration) linear var(--delay) infinite;--size:34px;--alpha:.32;--x:1%;--drift:10px}
 .ambient-field .share-3{--x:90%;--size:42px;--drift:-12px}
}
html[data-motion=reduced] .cut-energy{display:none}html[data-motion=reduced] .ambient-share{animation:none!important;opacity:.08}
@media(prefers-reduced-motion:reduce){.cut-energy{display:none!important}.ambient-share{animation:none!important;opacity:.08}}

/* Both halves of the statement remain visible without animation. */
.light-cut:not(.cut-ready) .cut-before{display:block;top:27%;font-size:.55em}
.light-cut:not(.cut-ready) .cut-after{top:53%}

/* A complete phone becomes two independent cut surfaces, with no hinge. */
.cut-phone{position:absolute;z-index:2;left:50%;top:56%;height:min(510px,57svh);aspect-ratio:864/1821;transform:translate(-50%,-50%);perspective:1100px;display:none}
.cut-ready .cut-phone{display:block}
.cut-phone-half{position:absolute;inset:0;transform-origin:50% 50%;backface-visibility:hidden}
.cut-phone-surface{position:absolute;inset:0}
.half-left .cut-phone-surface{clip-path:inset(0 50% 0 0)}
.half-right .cut-phone-surface{clip-path:inset(0 0 0 50%)}
.cut-phone-screen{position:absolute;inset:2.7% 5.5%;border-radius:13% / 6%;overflow:hidden;background:#11151b}
.cut-phone-screen>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.cut-phone-screen:after{content:'';position:absolute;inset:0;background:linear-gradient(#080c1266,transparent 35%,#080c12d9 100%)}
.cut-phone-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.cut-phone-label{position:absolute;top:8%;left:9%;font-size:19px;font-weight:800;color:#fff;z-index:1}
.cut-phone-post{position:absolute;bottom:8%;left:9%;right:22%;z-index:1;display:grid;gap:5px;color:#fff;font-size:12px;line-height:1.4}
.cut-phone-post span{font-size:10px;color:#e4e8ef}
.cut-phone-actions{position:absolute;right:8%;bottom:12%;z-index:1;display:grid;gap:15px;color:#fff}.cut-phone-actions svg{width:19px;height:19px}
.cut-phone-seam{position:absolute;left:calc(50% - 1px);top:2%;bottom:2%;width:2px;background:#ffe3bd;box-shadow:0 0 9px #ff694d;opacity:0;transform-origin:top;z-index:2}
.cut-ready .cut-before{top:20%;font-size:.72em}
.cut-energy{z-index:4}.cut-heading{z-index:3}
@media(max-width:760px){
 .cut-phone{top:55%;height:min(420px,48svh)}
 .cut-ready .cut-before{top:22%;font-size:.88em}
 .cut-phone-label{font-size:16px}.cut-phone-post{font-size:11px}.cut-phone-post span{font-size:9px}
 .cut-phone-actions{gap:12px}.cut-phone-actions svg{width:16px;height:16px}
 .cut-energy{inset:10% 0 12%}
}

/* A lit cut edge gives the separating display halves a physical boundary. */
.cut-phone-surface:after{content:'';position:absolute;top:3%;bottom:3%;left:calc(50% - 1px);width:2px;background:linear-gradient(#dfc5b7,#ffb891 50%,#795b56);opacity:var(--cut-edge,0);box-shadow:0 0 7px #ff754588;z-index:3}

/* The same warm cutting light completes the statement as a drawn underline. */
.cut-after .cut-moment{position:relative;width:max-content;max-width:100%;margin-left:auto;margin-right:auto}
.moment-underline{position:absolute;left:1%;right:1%;top:calc(100% + .055em);height:3px;pointer-events:none}
.moment-trace{position:absolute;inset:0;transform-origin:left;background:linear-gradient(90deg,#ff735f,#ffc0a7 75%,#fff5dc);box-shadow:0 0 12px #ff563b88;border-radius:2px;opacity:.85}
.moment-tip{position:absolute;left:0;top:-1px;width:36px;height:4px;margin-left:-34px;background:linear-gradient(90deg,transparent,#fffbe7 65%,#ffd293);border-radius:50%;box-shadow:0 0 12px 2px #ff854b,0 0 30px #ff654d99;opacity:0;display:none}
.moment-sparks{position:absolute;inset:0;display:none}
.moment-sparks .cut-spark{left:0;top:0}
.cut-ready .moment-tip,.cut-ready .moment-sparks{display:block}
.cut-ready .moment-trace{transform:scaleX(0);opacity:0}
@media(max-width:760px){.moment-underline{height:2px;top:calc(100% + .09em)}.moment-tip{height:3px;width:26px;margin-left:-24px}}