:root{--bg:#09060f;--ink:#f5edff;--purple:#9e5bff;--pink:#ff4eaa;--paper:#e9dcff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Mono',monospace;overflow-x:hidden}.noise{position:fixed;inset:0;opacity:.055;pointer-events:none;z-index:9;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:380px;height:380px;left:var(--x,50%);top:var(--y,50%);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(155,83,255,.17),transparent 67%);pointer-events:none;z-index:-1;transition:left .1s,top .1s}.page{max-width:1440px;margin:auto}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(255,255,255,.13);font-size:.68rem;letter-spacing:.08em}.brand{font-family:Unbounded,sans-serif;font-size:1.05rem;text-decoration:none;color:#fff;font-weight:900}.brand span{color:var(--purple)}.nav p{opacity:.6}.nav button,footer button{background:transparent;border:0;color:inherit;font:inherit;font-size:.65rem;letter-spacing:.1em;cursor:pointer}.nav i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pink);margin-left:5px;box-shadow:0 0 12px var(--pink)}.hero{min-height:calc(100vh - 82px);position:relative;padding:6vh 5vw 4vh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.eyebrow{font-size:.7rem;letter-spacing:.15em;margin:0}.title{font:900 clamp(3.8rem,14.2vw,13rem)/.78 Unbounded,sans-serif;letter-spacing:-.095em;margin:3vh 0 0;display:flex;position:relative;z-index:2}.title span{display:inline-block;animation:rise .8s cubic-bezier(.2,.9,.2,1) backwards}.title span:nth-child(2){animation-delay:.05s}.title span:nth-child(3){animation-delay:.1s}.title span:nth-child(4){animation-delay:.15s}.title span:nth-child(5){animation-delay:.2s;color:var(--purple)}.title span:nth-child(6){animation-delay:.25s}.title span:nth-child(7){animation-delay:.3s}.portrait-wrap{height:min(56vh,520px);width:min(61vw,760px);margin:-3vh 0 0 auto;position:relative;perspective:900px;--moveX:0;--moveY:0}.portrait-sheet{position:absolute;inset:0;background-image:linear-gradient(130deg,rgba(255,78,170,.25),transparent 45%),url('YOUR-PHOTO-HERE.jpg');background-color:#211038;background-size:cover;background-position:center;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:transform .18s ease-out;box-shadow:0 18px 50px rgba(0,0,0,.25)}.sheet-one{clip-path:polygon(0 0,34% 0,28% 100%,0 100%);transform:translate(calc(var(--moveX)*-1.2),calc(var(--moveY)*-.65))}.sheet-two{clip-path:polygon(34% 0,69% 0,73% 100%,28% 100%);transform:translate(calc(var(--moveX)*.15),calc(var(--moveY)*.2))}.sheet-three{clip-path:polygon(69% 0,100% 0,100% 100%,73% 100%);transform:translate(calc(var(--moveX)*1.3),calc(var(--moveY)*.75))}.portrait-wrap:hover .sheet-one{transform:translate(-22px,-8px) rotateY(5deg)}.portrait-wrap:hover .sheet-three{transform:translate(26px,12px) rotateY(-5deg)}.portrait-label{position:absolute;bottom:12px;left:-54px;writing-mode:vertical-rl;font-size:.59rem;letter-spacing:.13em;z-index:4}.replace-photo{display:none;position:absolute;inset:0;place-items:center;text-align:center;align-content:center;color:#fff8;font:700 1rem Unbounded;letter-spacing:.1em;background:#1d1034;z-index:0}.intro{font-size:clamp(.82rem,1.4vw,1.1rem);line-height:1.7;width:min(330px,80%);margin:-10vh 0 0;position:relative;z-index:3}.scroll{color:inherit;text-decoration:none;font-size:.62rem;letter-spacing:.13em;align-self:flex-end;margin-top:4vh}.scroll b{font-size:1.2rem;color:var(--purple);margin-left:9px}.fold-section{min-height:94vh;background:var(--paper);color:#130c1f;position:relative;padding:12vh 5vw;overflow:hidden}.fold-title p{font-size:.65rem;letter-spacing:.12em}.fold-title h2{font:900 clamp(3.7rem,10vw,9rem)/.88 Unbounded;margin:2rem 0 5rem;letter-spacing:-.08em}.fold-title em{color:#7533d0;font-style:normal}.links{width:min(620px,100%);margin-left:auto;position:relative;z-index:2}.link-card{color:inherit;text-decoration:none;border-top:1px solid #241532;display:grid;grid-template-columns:55px 1fr 45px;align-items:center;padding:1.2rem 0;transition:padding .35s,background .35s}.link-card:last-child{border-bottom:1px solid #241532}.link-card span{font-size:.65rem;opacity:.7}.link-card strong{font:700 clamp(1.45rem,3vw,2.5rem) Unbounded;letter-spacing:-.07em}.link-card i{font-size:1.9rem;font-style:normal;text-align:right;transition:transform .25s}.link-card:hover{padding-left:20px;background:#d8c4fa}.link-card:hover i{transform:translate(7px,-7px)}.paper-corner{position:absolute;width:250px;height:250px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#a669ff,#ff62b1);clip-path:polygon(100% 0,0 100%,100% 100%);filter:drop-shadow(-10px -10px 20px #8052a733);transform-origin:100% 100%;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.fold-section:hover .paper-corner{transform:rotate(-11deg)}.marquee{overflow:hidden;background:var(--pink);color:#19000d;padding:.8rem 0;white-space:nowrap;font:700 1.25rem Unbounded;letter-spacing:-.06em}.marquee div{display:inline-block;animation:marquee 20s linear infinite}footer{padding:2rem 5vw;display:flex;justify-content:space-between;gap:1rem;font-size:.56rem;letter-spacing:.1em}footer p{margin:0;opacity:.5}@keyframes rise{from{transform:translateY(120%);opacity:0}to{transform:none;opacity:1}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:620px){.nav p{display:none}.hero{min-height:680px}.title{font-size:18vw}.portrait-wrap{width:100%;height:310px;margin-top:4vh}.intro{margin-top:1rem}.portrait-label{left:7px;bottom:7px}.fold-section{padding-top:8vh}.links{margin-left:0}.fold-title h2{margin-bottom:3rem}.paper-corner{width:140px;height:140px}footer{font-size:.48rem}.replace-photo{display:grid}.portrait-sheet{background-image:linear-gradient(130deg,#41165d,#171022)}}