@font-face{font-family:Inter;src:url('assets/inter-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('assets/inter-semibold.woff2') format('woff2');font-weight:600;font-display:swap}
:root{color-scheme:dark;--pink:#ff87b7;--ink:#08080a;--shift-x:0px;--shift-y:0px}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:#f7f3f5;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--pink);outline-offset:6px}
.network{height:76px;position:relative;z-index:5;display:flex;align-items:stretch;justify-content:center;gap:8px;padding:0 5%;background:#09090e;border-bottom:1px solid #ffffff13}
.network-label{position:absolute;left:4%;top:34px;letter-spacing:2px;font-size:9px;color:#76737b}
.network a{display:flex;gap:12px;align-items:center;justify-content:center;position:relative;padding:13px 22px;min-width:164px;transition:background .25s}
.network a:hover{background:#ffffff08}.network img{width:112px;height:40px;object-fit:contain;filter:saturate(.75);opacity:.75;transition:opacity .25s}.network a:hover img,.network .current img{opacity:1;filter:none}.network a>span{font-size:12px;color:#88818a}.network .current{background:linear-gradient(0deg,#ff80b30c,transparent)}.network .current:after{content:'';position:absolute;height:2px;bottom:-1px;left:28px;right:28px;background:var(--pink);box-shadow:0 -2px 18px #ff70ae66}
main{position:relative;min-height:calc(100svh - 134px);isolation:isolate;display:flex;align-items:center;overflow:hidden}
.scene{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 59% 49%,#31202a44,transparent 53%),#08080a}
.photo{position:absolute;right:-1%;top:-1%;width:57%;height:103%;background:url('assets/original-photo.jpg') center 32%/auto 115% no-repeat;filter:brightness(.82);mask-image:linear-gradient(90deg,transparent,black 17%,black 83%,transparent);transform:translate(var(--shift-x),var(--shift-y));animation:photo-in 1.5s ease-out both}
.photo-shade{position:absolute;inset:0;background:linear-gradient(0deg,#08080a,transparent 17%,transparent 85%,#08080a66),linear-gradient(90deg,#08080a 22%,transparent 68%)}
.hero{width:59%;max-width:970px;padding:70px 0 75px 7.6%;position:relative;z-index:2;animation:arrive 1s ease-out both}
.eyebrow{font-size:10px;letter-spacing:3.1px;color:#b4a7b0;margin:0 0 28px 9px;display:flex;align-items:center;gap:12px}.eyebrow>span{height:5px;width:5px;background:var(--pink);border-radius:50%;box-shadow:0 0 12px #ff71ac66}
h1{margin:0 0 25px;line-height:0}.hero-logo{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 26px #0007)}
.copy{padding-left:10px;max-width:485px}h2{font-size:clamp(25px,2.4vw,36px);font-weight:400;letter-spacing:-1px;margin:0 0 18px}.copy>p{font-size:14px;line-height:1.85;color:#aba5ab;margin:0 0 31px;max-width:430px}
.enter{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-width:267px;padding:18px 22px;border-radius:6px;background:linear-gradient(130deg,#ffb5d2,#ff80b3);border:1px solid #ffc4dd;color:#22121d;font-weight:600;font-size:14px;box-shadow:0 9px 45px #ff74ae13;transition:transform .25s,box-shadow .25s}.enter:hover{transform:translateY(-3px);box-shadow:0 13px 40px #ff74ae30}.enter>span{font-size:23px;font-weight:400;line-height:1}
.address{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.3px;color:#736d75;margin-top:21px}.address>span:first-child{text-decoration:line-through;text-decoration-color:#777}.address strong{font-weight:400;color:#d2bcc8}
.chain{position:absolute;width:90px;height:1650px;background:url('assets/chrome-chain.svg') center top/90px 270px repeat-y;transform-origin:50% 0;filter:drop-shadow(4px 8px 9px #000b);will-change:transform;animation:chain-sway 16s ease-in-out infinite alternate}
.chain-left{left:24%;top:-270px;--angle:23deg;transform:rotate(var(--angle));opacity:.3;mask-image:linear-gradient(black,black 40%,transparent 70%)}
.chain-right{right:5%;top:-280px;--angle:-22deg;transform:rotate(var(--angle));opacity:.65;animation-delay:-9s;mask-image:linear-gradient(black,black 42%,transparent 78%)}
.chain-back{left:59%;top:-730px;--angle:-36deg;transform:rotate(var(--angle));width:50px;background-size:50px 150px;opacity:.17;animation-delay:-5s;filter:blur(1px)}
.edge-light{position:absolute;bottom:-180px;left:20%;width:60%;height:200px;background:#ff59a1;filter:blur(110px);opacity:.06}
.photo-label{position:absolute;bottom:34px;right:6%;display:flex;align-items:center;gap:15px;font-size:8px;letter-spacing:2px;color:#a8a0a6}.photo-label i{width:30px;height:1px;background:#6f5968}
footer{position:relative;display:flex;align-items:center;gap:24px;min-height:58px;padding:15px 4%;border-top:1px solid #ffffff0e;color:#77717b;font-size:9px;letter-spacing:.7px}footer>a:hover{color:var(--pink)}.motion-control{margin-left:auto;border:0;border-bottom:1px solid #6c616c66;background:transparent;color:#98909b;font-size:9px;cursor:pointer;padding:3px 0}.motion-control:disabled{cursor:default}
@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes photo-in{from{opacity:0}to{opacity:1}}
@keyframes chain-sway{from{transform:rotate(var(--angle)) translateY(-7px)}to{transform:rotate(calc(var(--angle) + 2deg)) translateY(7px)}}
.motion-paused *{animation:none!important;transition:none!important}.motion-paused .photo{transform:none}
@media(min-width:1800px){.hero{padding-top:100px;padding-bottom:110px}.hero-logo{width:100%}.copy>p{font-size:16px;max-width:460px}.copy{max-width:530px}h2{margin-top:32px}.eyebrow{font-size:12px}.enter{font-size:16px;min-width:290px;padding:20px 25px}.network-label{left:7.6%}}
@media(max-width:1100px){.network-label{display:none}.network a{min-width:135px;padding:13px 14px}.hero{width:64%;padding-left:7%;padding-top:55px;padding-bottom:65px}.copy{max-width:360px}.copy>p{font-size:13px}.photo{right:-12%;width:70%}.photo-label{display:none}.chain-right{right:-3%}}
@media(max-width:700px){.network{height:65px;padding:0 6px;gap:0}.network a{min-width:0;flex:1;gap:0;padding:10px 7px}.network img{width:100%;max-width:90px;height:36px}.network a>span{display:none}.network .current:after{left:15px;right:15px}main{min-height:calc(100svh - 125px);align-items:flex-end}.hero{width:100%;max-width:none;padding:285px 27px 45px}.hero-logo{width:100%;max-width:550px;margin:0 auto}.eyebrow{font-size:8px;letter-spacing:2px;margin:0 0 19px 4px}.copy{padding-left:4px;max-width:none}.copy>p{font-size:13px;max-width:360px;line-height:1.75;margin-bottom:25px}h1{margin-bottom:23px}h2{font-size:25px;letter-spacing:-.6px;margin-bottom:12px}.photo{top:-15px;right:-10%;width:110%;height:520px;background-size:auto 118%;background-position:60% 26%;mask-image:linear-gradient(0deg,transparent,black 45%,black 95%,transparent);opacity:.72!important;filter:brightness(.8)}.photo-shade{background:linear-gradient(0deg,#08080a 22%,#08080a77 56%,transparent 87%)}.chain-left{left:-26px;top:-320px;opacity:.4;--angle:13deg}.chain-right{right:-17px;top:-470px;opacity:.4;--angle:-16deg}.chain-back{display:none}.enter{padding:16px 20px;font-size:13px;min-width:252px}.address{font-size:9px;margin-top:18px}footer{min-height:60px;padding:13px 25px;gap:16px;font-size:8px;flex-wrap:wrap}.motion-control{margin-left:auto;font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.photo{transform:none}}