*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#090713;color:#fff;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;opacity:.15;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:4px 4px;z-index:20}nav{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:20px;align-items:center;padding:12px 18px;border:1px solid #ffffff22;border-radius:999px;background:#09071399;backdrop-filter:blur(18px)}nav a{color:#fff;text-decoration:none;opacity:.8}.hero{min-height:100svh;display:grid;grid-template-columns:1fr minmax(300px,560px);gap:5vw;align-items:center;padding:110px 7vw 70px;position:relative}.orb{position:absolute;border-radius:50%;filter:blur(35px);opacity:.55}.one{width:360px;height:360px;background:#ff2aa0;top:8%;left:4%}.two{width:420px;height:420px;background:#2af6ff;right:-120px;bottom:2%}.eyebrow,.tag{letter-spacing:.18em;text-transform:uppercase;color:#ffdb57;font-weight:800}.copy h1{font-size:clamp(3rem,8vw,7rem);line-height:.9;margin:14px 0;background:linear-gradient(90deg,#ff595e,#ffca3a,#8ac926,#00bbf9,#9b5de5);-webkit-background-clip:text;color:transparent}.lead{font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.7;color:#eee;max-width:680px}.button,button{display:inline-block;margin-top:20px;padding:15px 22px;border-radius:999px;border:0;background:#fff;color:#111;font-weight:900;text-decoration:none;box-shadow:0 12px 40px #ffffff33;cursor:pointer}.portrait{position:relative;aspect-ratio:1/1;border-radius:38px;overflow:hidden;border:1px solid #ffffff30;box-shadow:0 30px 90px #000a;transform-style:preserve-3d;background:#111}.layer{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;will-change:transform}.fg{inset:0;width:100%;height:100%;filter:drop-shadow(0 25px 25px #0008);object-fit:cover}.depth{position:absolute;right:12px;bottom:12px;width:90px;border-radius:14px;opacity:.65;border:1px solid #fff5}.hint{position:absolute;left:18px;bottom:18px;padding:8px 12px;border-radius:999px;background:#0008;font-size:.85rem}.panel,.gallery,.final{max-width:980px;margin:90px auto;padding:42px;border:1px solid #ffffff1f;border-radius:34px;background:linear-gradient(135deg,#ffffff14,#ffffff08);box-shadow:0 30px 80px #0007}.panel h2,.gallery h2,.final h2{font-size:clamp(2rem,5vw,4rem);margin:10px 0}.panel p,.final p{font-size:1.18rem;line-height:1.8;color:#eee}.cards{max-width:1120px;margin:60px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 22px}.cards article{padding:28px;border-radius:28px;background:#ffffff12;border:1px solid #ffffff18}.cards h3{font-size:1.5rem}.cards p{color:#ddd;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.grid img{width:100%;height:360px;object-fit:cover;border-radius:22px;transition:.35s}.grid img:hover{transform:translateY(-10px) scale(1.03)}.final{text-align:center;background:radial-gradient(circle at top,#9b5de555,transparent 45%),#ffffff10}footer{text-align:center;padding:50px;color:#aaa}.reveal{opacity:0;transform:translateY(28px);transition:1s}.reveal.show{opacity:1;transform:none}.heart{position:fixed;font-size:24px;pointer-events:none;animation:float 1.7s ease-out forwards;z-index:30}@keyframes float{to{transform:translateY(-140px) rotate(20deg);opacity:0}}@media(max-width:850px){nav{width:calc(100% - 24px);justify-content:center;font-size:.9rem}.hero{grid-template-columns:1fr;padding:95px 20px 45px}.portrait{order:-1;border-radius:28px}.cards{grid-template-columns:1fr}.panel,.gallery,.final{margin:50px 14px;padding:26px}.grid{grid-template-columns:1fr 1fr}.grid img{height:300px}.copy h1{font-size:3.4rem}}