:root{--bg: #0a0a0d;--ink: #edeae4;--ink-soft: rgba(237, 234, 228, .55);--cream: #f2d8ba;--cream-soft: rgba(242, 216, 186, .55);--cream-faint: rgba(242, 216, 186, .13);--mx: 0;--my: 0}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}.stage{position:relative;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden}.grid-bg{position:absolute;top:-80px;right:-80px;bottom:-80px;left:-80px;background-image:linear-gradient(var(--cream-faint) 1px,transparent 1px),linear-gradient(90deg,var(--cream-faint) 1px,transparent 1px);background-size:72px 72px;opacity:.15;mask-image:radial-gradient(ellipse 75% 65% at 50% 45%,black 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 45%,black 20%,transparent 75%);animation:grid-drift 46s linear infinite;transform:translate(calc(var(--mx) * -14px),calc(var(--my) * -10px))}@keyframes grid-drift{0%{background-position:0 0}to{background-position:72px 72px}}.glow{position:absolute;top:50%;left:50%;width:min(680px,130vw);height:min(680px,130vw);transform:translate(calc(-50% + var(--mx) * 22px),calc(-50% + var(--my) * 16px - 4%));background:radial-gradient(circle,rgba(242,216,186,.1) 0%,transparent 62%);animation:glow-pulse 6s ease-in-out infinite;pointer-events:none}@keyframes glow-pulse{0%,to{opacity:.7}50%{opacity:1}}.frame{position:absolute;width:clamp(56px,12vw,120px);height:clamp(56px,12vw,120px);opacity:0;animation:frame-in 1.4s ease 1.8s forwards}.frame-tl{top:clamp(18px,4vw,36px);left:clamp(18px,4vw,36px);border-top:1px solid var(--cream-soft);border-left:1px solid var(--cream-soft)}.frame-br{bottom:clamp(18px,4vw,36px);right:clamp(18px,4vw,36px);border-bottom:1px solid var(--cream-soft);border-right:1px solid var(--cream-soft)}@keyframes frame-in{0%{opacity:0;transform:scale(.85)}to{opacity:.5;transform:scale(1)}}.content{position:relative;text-align:center;padding:0 20px;max-width:92vw;transform:translate(calc(var(--mx) * 8px),calc(var(--my) * 6px))}.mnz{display:flex;align-items:center;justify-content:center;gap:.04em;font-family:Archivo,Manrope,sans-serif;font-weight:800;font-size:clamp(2.7rem,11.5vw,5.4rem);letter-spacing:.01em;line-height:1;color:var(--ink)}.mnz-letter{display:inline-block;opacity:0;animation:letter-in .8s cubic-bezier(.16,1,.3,1) forwards}.mnz-letter-inner{display:inline-block;transition:transform .35s cubic-bezier(.16,1,.3,1),color .35s ease}.mnz-letter:hover .mnz-letter-inner{transform:translateY(-.06em);color:var(--cream)}@keyframes letter-in{0%{opacity:0;transform:translateY(.35em);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.mnz-bar{position:relative;display:inline-block;width:1.85em;height:.72em;margin-left:.12em;background:var(--ink);transform:scaleX(0);transform-origin:left center;animation:bar-draw 1s cubic-bezier(.16,1,.3,1) .8s forwards;overflow:hidden}@keyframes bar-draw{to{transform:scaleX(1)}}.mnz-bar:after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(105deg,transparent,rgba(242,216,186,.85),transparent);animation:bar-shimmer 4.5s ease-in-out 2.2s infinite}@keyframes bar-shimmer{0%{left:-60%}28%{left:120%}to{left:120%}}.mimarlik{margin-top:clamp(12px,2.6vw,18px);font-size:clamp(.78rem,2.5vw,1rem);font-weight:300;letter-spacing:.85em;text-indent:.85em;color:var(--ink-soft);opacity:0;animation:fade-up 1.2s ease 1.4s forwards}.phone-wrap{margin:clamp(16px,3.2vw,26px) auto 0;opacity:0;animation:fade-up 1.3s cubic-bezier(.16,1,.3,1) 1.6s forwards}.phone{--ph: clamp(250px, 34vh, 340px);position:relative;height:var(--ph);width:calc(var(--ph) * .474);margin:0 auto;border-radius:calc(var(--ph) * .132);background:linear-gradient(145deg,#4a4a52,#1b1b20 45%,#33333b);box-shadow:0 0 0 1px #f2d8ba29,0 26px 60px -18px #000000e6,0 0 46px #f2d8ba17;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;transition:transform .5s cubic-bezier(.16,1,.3,1)}.phone:hover{transform:translateY(-3px)}.phone-screen{position:absolute;inset:calc(var(--ph) * .022);border-radius:calc(var(--ph) * .108);overflow:hidden;background:#000}.phone-screen video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s ease}.phone-screen video.active{opacity:1}.phone-reflection{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,rgba(255,255,255,.08) 0%,transparent 32%);z-index:4;pointer-events:none}.phone-island{position:absolute;top:calc(var(--ph) * .024);left:50%;transform:translate(-50%);width:calc(var(--ph) * .15);height:calc(var(--ph) * .034);background:#000;border-radius:99px;z-index:7;box-shadow:0 0 0 1px #ffffff0d}.phone-btn{position:absolute;background:#3d3d45;border-radius:2px}.phone-btn-power{right:-2.5px;top:27%;width:3px;height:calc(var(--ph) * .1)}.phone-btn-volup{left:-2.5px;top:21%;width:3px;height:calc(var(--ph) * .055)}.phone-btn-voldown{left:-2.5px;top:30%;width:3px;height:calc(var(--ph) * .055)}.ig-profile{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;flex-direction:column;padding:calc(var(--ph) * .075) calc(var(--ph) * .04) calc(var(--ph) * .035);background:#0c0c11;opacity:0;transform:translateY(6%);pointer-events:none;transition:opacity .35s ease,transform .45s cubic-bezier(.16,1,.3,1)}.ig-profile.show{opacity:1;transform:none;pointer-events:auto}.ig-profile button{border:none;background:none;font-family:inherit;cursor:pointer;padding:0}.ig-topbar{display:flex;align-items:center;justify-content:space-between}.ig-topuser{font-size:calc(var(--ph) * .036);font-weight:600;color:#fff;letter-spacing:.03em;cursor:pointer}.ig-close{color:#ffffff8c;font-size:calc(var(--ph) * .036);line-height:1}.ig-head{display:flex;align-items:center;gap:calc(var(--ph) * .03);margin-top:calc(var(--ph) * .035);cursor:pointer}.ig-avatar{flex:none;width:calc(var(--ph) * .15);aspect-ratio:1;border-radius:50%;padding:2.5px;background:conic-gradient(from 210deg,#f9ce34,#ee2a7b,#6228d7,#f9ce34)}.ig-avatar span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:#15151b;border:2px solid #0c0c11;font-family:Archivo,sans-serif;font-weight:800;font-size:calc(var(--ph) * .036);color:var(--cream)}.ig-name{font-size:calc(var(--ph) * .036);font-weight:600;color:#fff}.ig-cat{margin-top:2px;font-size:calc(var(--ph) * .028);color:#ffffff80}.ig-btn{display:flex;align-items:center;justify-content:center;gap:calc(var(--ph) * .02);margin-top:calc(var(--ph) * .035);padding:calc(var(--ph) * .022) 0;width:100%;border-radius:calc(var(--ph) * .024);background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7);color:#fff;font-size:calc(var(--ph) * .032);font-weight:600;letter-spacing:.02em}.ig-btn svg{width:calc(var(--ph) * .04);height:calc(var(--ph) * .04)}.ig-reels-label{display:flex;align-items:center;justify-content:center;gap:calc(var(--ph) * .018);margin-top:calc(var(--ph) * .04);padding-bottom:calc(var(--ph) * .018);border-bottom:1px solid rgba(255,255,255,.12);font-size:calc(var(--ph) * .028);font-weight:600;letter-spacing:.22em;color:#fff;cursor:pointer}.ig-reels-label svg{width:calc(var(--ph) * .036);height:calc(var(--ph) * .036)}.ig-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:calc(var(--ph) * .018);flex:1;min-height:0}.ig-thumb{position:relative;overflow:hidden;border-radius:calc(var(--ph) * .012);min-height:0}.ig-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.ig-thumb:hover img{transform:scale(1.06)}.ig-thumb-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000038}.ig-thumb-play svg{width:calc(var(--ph) * .07);height:calc(var(--ph) * .07);fill:#ffffffeb;filter:drop-shadow(0 1px 4px rgba(0,0,0,.5))}.ig-reelbar{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;gap:calc(var(--ph) * .02);padding:calc(var(--ph) * .075) calc(var(--ph) * .035) calc(var(--ph) * .03);background:linear-gradient(180deg,rgba(0,0,0,.65),transparent)}.ig-reelbar button{border:none;background:none;cursor:pointer;padding:0;color:#fff;display:flex}.ig-back svg{width:calc(var(--ph) * .05);height:calc(var(--ph) * .05)}.ig-reelbar-user{font-size:calc(var(--ph) * .03);font-weight:600;color:#fff;letter-spacing:.03em;cursor:pointer}.skyline-dim{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2.4vw,16px);margin-top:clamp(12px,2.6vw,18px);opacity:0;animation:fade-up 1.2s ease 2.4s forwards}.dim-line{flex:1;max-width:90px;height:1px;background:linear-gradient(90deg,transparent,rgba(242,216,186,.4))}.dim-line-r{background:linear-gradient(90deg,rgba(242,216,186,.4),transparent)}.dim-label{font-size:clamp(.72rem,2.1vw,.88rem);font-weight:400;letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;color:var(--cream);white-space:nowrap}.soon{margin-top:clamp(14px,3vw,20px);font-size:clamp(.72rem,2vw,.88rem);font-weight:300;letter-spacing:.42em;text-indent:.42em;color:var(--cream-soft);opacity:0;animation:fade-up 1.2s ease 2.6s forwards}.dots span{animation:dot-blink 1.6s ease-in-out infinite}.dots span:nth-child(2){animation-delay:.25s}.dots span:nth-child(3){animation-delay:.5s}@keyframes dot-blink{0%,to{opacity:.15}50%{opacity:1}}.gambit{display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,20px);margin-top:clamp(26px,5.5vw,42px);opacity:0;animation:fade-up 1.4s ease 3.2s forwards;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;-webkit-user-select:none;user-select:none}.gambit-line{width:clamp(18px,5vw,44px);height:1px;background:linear-gradient(90deg,transparent,var(--cream-soft));flex:none}.gambit-line:last-child{background:linear-gradient(90deg,var(--cream-soft),transparent)}.gambit-knight{width:clamp(42px,9vw,54px);flex:none;filter:drop-shadow(0 0 16px rgba(242,216,186,.45));animation:knight-float 5s ease-in-out infinite;transition:filter .3s ease}.gambit:hover .gambit-knight{filter:drop-shadow(0 0 24px rgba(242,216,186,.75))}@keyframes knight-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.gambit-knight.hop{animation:knight-hop .95s cubic-bezier(.34,1.3,.64,1)}@keyframes knight-hop{0%{transform:translate(0) rotate(0)}32%{transform:translateY(-26px) rotate(-6deg)}58%{transform:translate(18px,-26px) rotate(4deg)}76%{transform:translate(18px) rotate(0)}to{transform:translate(0) rotate(0)}}.gambit-text{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left}.gambit-name{font-family:Cinzel,serif;font-weight:600;font-size:clamp(.92rem,2.8vw,1.15rem);letter-spacing:.24em;color:var(--cream)}.gambit-name em{font-style:normal;font-size:.68em;letter-spacing:.3em;color:var(--cream-soft)}.gambit-sub{font-size:clamp(.6rem,1.8vw,.72rem);font-weight:300;letter-spacing:.24em;color:var(--ink-soft)}.foot{position:absolute;bottom:max(18px,env(safe-area-inset-bottom,18px));left:0;right:0;text-align:center;font-size:.66rem;letter-spacing:.2em;color:#edeae452;opacity:0;animation:fade-up 1.2s ease 3.7s forwards}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 430px){.gambit{flex-direction:column;gap:10px}.gambit-line{display:none}.gambit-text{align-items:center;text-align:center}}@media (max-height: 620px){.mnz{font-size:clamp(2.2rem,8vh,4rem)}.phone{--ph: clamp(190px, 36vh, 250px)}.skyline-dim{display:none}.gambit{margin-top:14px}.foot{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important}}