.hx-stage{aspect-ratio:1.45;perspective:1200px;--r:-5deg;width:min(430px,86vw);margin-top:calc(min(430px,86vw)/2.77778);position:relative}.hx-stage:after{content:"";filter:blur(6px);z-index:-1;background:radial-gradient(50% 50%,#0000008c,#0000 70%);height:16%;position:absolute;bottom:-9%;left:8%;right:8%}.hx-env{transform:rotate(var(--r));position:absolute;inset:0}.hx-back{background:linear-gradient(160deg,#caa47b,#b18860);border-radius:8px;position:absolute;inset:0;box-shadow:0 40px 70px -30px #000c}.hx-letter{z-index:2;color:#3b2230;background:#fbf3e6 repeating-linear-gradient(#0000 0 25px,#c9a17238 25px 26px);border-radius:4px;height:90%;padding:7% 8%;transition:transform 1.1s cubic-bezier(.2,.8,.2,1) .45s;position:absolute;top:5%;left:6%;right:6%;box-shadow:0 -6px 18px -10px #00000059}.hx-open .hx-letter{transform:translateY(-64%)}.hx-greet{font-family:var(--font-caveat), cursive;color:#9e2238;white-space:nowrap;text-overflow:ellipsis;min-height:1.2em;margin:0 0 4px;font-size:clamp(1.25rem,4.6vw,1.75rem);line-height:1.1;overflow:hidden}.hx-lines{font-family:var(--font-caveat), cursive;min-height:78px;margin:0;font-size:clamp(1.05rem,3.8vw,1.4rem);line-height:26px}.hx-caret{vertical-align:-2px;background:#9e2238;width:1px;height:1em;margin-left:2px;animation:.9s step-end infinite hx-blink;display:inline-block}@keyframes hx-blink{50%{opacity:0}}.hx-front{z-index:3;clip-path:polygon(0 0,50% 55%,100% 0,100% 100%,0 100%);background:linear-gradient(170deg,#f1dfc4,#e3c9a5);border-radius:8px;position:absolute;inset:0}.hx-front:after{content:"";clip-path:polygon(0 100%,50% 52%,100% 100%);opacity:.55;background:linear-gradient(200deg,#ffffff40,#0000 45%),#d9bb93;position:absolute;inset:0}.hx-flap{z-index:4;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;background:linear-gradient(#e9d2b0,#d6b78d);border-radius:8px 8px 0 0;height:58%;transition:transform .8s cubic-bezier(.5,0,.3,1),z-index 0s .4s;position:absolute;top:0;left:0;right:0}.hx-open .hx-flap{z-index:1;transform:rotateX(180deg)}.hx-seal{z-index:5;background:radial-gradient(circle at 35% 30%,#d84a62,#9e2238 55%,#5e0f1e 100%);border-radius:50% 46% 52% 48%;place-items:center;width:74px;height:74px;margin:-38px 0 0 -37px;transition:transform .5s,opacity .5s;display:grid;position:absolute;top:58%;left:50%}.hx-seal:before{content:"";border:1.5px solid #ffdcdc4d;border-radius:50%;position:absolute;inset:9px}.hx-seal svg{color:#f7c9d1;filter:drop-shadow(0 1px #00000059);width:30px;height:30px}.hx-open .hx-seal{opacity:0;transform:scale(.4)rotate(-20deg)}.hx-rose{z-index:6;pointer-events:none;filter:drop-shadow(0 14px 18px #00000080);--r:10deg;width:38%;position:absolute;bottom:-14%;right:-10%}@media (prefers-reduced-motion:reduce){.hx-letter,.hx-flap,.hx-seal{transition:none}.hx-caret{animation:none}}
.pp-phone{aspect-ratio:9/18.5;background:linear-gradient(145deg,#2a1a20,#0d0709);border-radius:42px;width:270px;max-width:78vw;padding:11px;transition:transform .6s cubic-bezier(.2,.7,.2,1);position:relative;transform:rotate(4deg);box-shadow:0 50px 90px -35px #3c0a19bf,inset 0 0 0 1.5px #e8cba359,inset 0 0 0 6px #1a0e12}.pp-phone:hover{transform:rotate(0)translateY(-6px)scale(1.02)}.pp-notch{z-index:5;background:#0d0709;border-radius:20px;width:84px;height:22px;margin-left:-42px;position:absolute;top:18px;left:50%}.pp-screen{color:#f3e7ee;background:radial-gradient(120% 60% at 50% 0,#3a1930 0%,#28121f 45%,#1a0d17 100%);border-radius:32px;height:100%;position:relative;overflow:hidden}.pp-scene{opacity:0;flex-direction:column;align-items:center;padding:54px 18px 70px;animation:12s infinite pp-scene;display:flex;position:absolute;inset:0}.pp-s2{animation-delay:4s}.pp-s3{animation-delay:8s}@keyframes pp-scene{0%{opacity:0;transform:translateY(10px)}5%,30%{opacity:1;transform:none}35%,to{opacity:0;transform:translateY(-10px)}}.pp-eyebrow{letter-spacing:.24em;text-transform:uppercase;color:#d9b36f;font-size:.55rem}.pp-title{font-family:var(--font-display), serif;color:#eaa9b7;margin-top:6px;font-size:2.1rem;font-style:italic;line-height:1}.pp-small{color:#b99caf;text-align:center;margin-top:8px;font-size:.62rem}.pp-miniEnv{aspect-ratio:1.46;background:#e7d4b6;border-radius:5px;width:170px;margin-top:26px;position:relative;box-shadow:0 20px 30px -14px #000000b3}.pp-miniEnv:before{content:"";clip-path:polygon(0 0,100% 0,50% 58%);background:#d6bd98;border-radius:5px 5px 0 0;position:absolute;inset:0}.pp-miniSeal{width:38px;height:38px;font-family:var(--font-display), serif;color:#f7d2d8;background:radial-gradient(circle at 35% 30%,#d34a5f,#a3203a 55%,#6e1426);border-radius:50%;place-items:center;margin:-20px 0 0 -19px;font-style:italic;animation:1.6s ease-in-out infinite pp-pulse;display:grid;position:absolute;top:58%;left:50%}@keyframes pp-pulse{50%{transform:scale(1.1)}}.pp-paper{color:#3b2230;width:100%;font-family:var(--font-caveat), cursive;background:#f5ecdc repeating-linear-gradient(#0000 0 19px,#e6d6bd 19px 20px);border-radius:4px;padding:16px 14px;transform:rotate(-1.2deg)}.pp-paper b{color:#a3203a;margin-bottom:4px;font-size:1.25rem;font-weight:600;display:block}.pp-line{background:linear-gradient(90deg,#3b22308c,#3b223040);border-radius:4px;width:0;height:9px;margin:11px 0;animation:12s infinite pp-write}.pp-line:nth-child(3){animation-delay:4.3s}.pp-line:nth-child(4){animation-delay:4.7s}.pp-line:nth-child(5){animation-delay:5.1s}.pp-line:nth-child(6){animation-delay:5.5s}.pp-line:nth-child(7){animation-delay:5.9s}@keyframes pp-write{0%{width:0}6%,30%{width:var(--w,90%)}34%,to{width:var(--w,90%)}}.pp-cards{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:16px;display:grid}.pp-card{aspect-ratio:3/3.6;perspective:500px;border-radius:10px}.pp-cardIn{width:100%;height:100%;transform-style:preserve-3d;animation:12s infinite pp-flip;position:relative}.pp-card:nth-child(2) .pp-cardIn{animation-delay:.5s}.pp-card:nth-child(3) .pp-cardIn{animation-delay:1s}.pp-card:nth-child(4) .pp-cardIn{animation-delay:1.5s}@keyframes pp-flip{0%,70%{transform:none}76%,96%{transform:rotateY(180deg)}to{transform:none}}.pp-face,.pp-backFace{backface-visibility:hidden;text-align:center;border-radius:10px;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;inset:0}.pp-face{font-family:var(--font-display), serif;color:#d9b36f;background:linear-gradient(155deg,#3a1930,#28121f);border:1px solid #d9b36f59;font-size:1.2rem;font-style:italic}.pp-backFace{color:#3b2230;font-family:var(--font-caveat), cursive;background:#f5ecdc;font-size:.85rem;line-height:1.1;transform:rotateY(180deg)}.pp-music{z-index:4;color:#f3e7ee;background:#1a0d17d9;border:1px solid #d9b36f59;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.62rem;display:flex;position:absolute;bottom:16px;left:14px;right:14px}.pp-eq{align-items:flex-end;gap:2px;width:16px;height:12px;display:flex}.pp-eq i{background:#d9b36f;border-radius:2px;width:2px}@media (prefers-reduced-motion:reduce){.pp-scene{animation:none}.pp-s1{opacity:1}.pp-line{width:var(--w,90%);animation:none}.pp-cardIn,.pp-miniSeal{animation:none}}