.key-instagram{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(420px,1.28fr);gap:clamp(45px,8vw,130px);align-items:center;min-height:100svh;padding:clamp(90px,10vw,150px) 6%;overflow:hidden;background:radial-gradient(circle at 76% 48%,#7138f4 0 18%,transparent 43%),radial-gradient(circle at 12% 90%,#b8ff0030,transparent 31%),#12052f;color:#fff}.key-instagram:before{content:'SOCIAL · PLAY · CREATE';position:absolute;z-index:-1;left:-.06em;bottom:-.1em;color:#ffffff08;font:900 clamp(95px,16vw,255px)/.78 Arial,sans-serif;letter-spacing:-.09em;white-space:nowrap}.key-instagram__copy{position:relative;z-index:5}.key-instagram__copy .key-eyebrow{color:#b8ff00}.key-instagram__copy h2{margin:28px 0 38px;font-size:clamp(58px,7.5vw,122px);font-weight:800;line-height:.86;letter-spacing:-.075em}.key-instagram__copy h2 em{color:#ffca31;text-shadow:0 0 35px #ffca3155}.key-instagram__copy>p{max-width:590px;color:#e2d9f7;font-size:clamp(17px,1.45vw,21px);line-height:1.62}.key-instagram__status{display:flex;align-items:center;gap:14px;width:max-content;max-width:100%;margin-top:34px;padding:12px 17px;border:1px solid #ffffff32;border-radius:999px;background:#ffffff0c;backdrop-filter:blur(12px)}.key-instagram__status span{color:#bda9ea;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.key-instagram__status strong{color:#b8ff00;font-size:13px}.key-feed-stage{position:relative;display:grid;place-items:center;min-height:clamp(660px,69vw,920px);perspective:1800px;transform-style:preserve-3d}.key-feed-stage:before,.key-feed-stage:after{content:'';position:absolute;border:1px solid #b8ff0045;border-radius:50%;pointer-events:none}.key-feed-stage:before{inset:8% 2%;transform:rotate(-12deg) rotateX(62deg);box-shadow:0 0 60px #b8ff001c}.key-feed-stage:after{inset:18% 11%;border-color:#ffca3152;transform:rotate(22deg) rotateY(64deg)}.key-feed-card{--feed-rx:2deg;--feed-ry:-7deg;position:relative;z-index:4;width:min(59%,500px);margin:0;padding:12px;border:1px solid #ffffff70;border-radius:30px;background:#fff;box-shadow:0 55px 110px #05000fbb,18px 20px 0 #b8ff00;transform:rotateX(var(--feed-rx)) rotateY(var(--feed-ry)) translateZ(58px);transform-style:preserve-3d;transition:transform .18s ease-out,box-shadow .5s;overflow:hidden}.key-feed-card:after{content:'';position:absolute;inset:-45%;pointer-events:none;background:linear-gradient(110deg,transparent 40%,#fff9 49%,transparent 58%);transform:translateX(calc(var(--feed-x,20%)*1.2 - 90%)) translateY(calc(var(--feed-y,40%)*.25));mix-blend-mode:screen}.key-feed-card img{display:block;width:100%;height:auto;border-radius:20px}.key-feed-card figcaption{display:flex;justify-content:space-between;gap:12px;padding:14px 8px 5px;color:#241044;font-size:11px;letter-spacing:.08em}.key-feed-card figcaption b{color:#5a20d0}.key-feed-card:focus-visible{outline:3px solid #b8ff00;outline-offset:10px}.key-feed-card.is-pulsing{animation:key-feed-pulse .7s cubic-bezier(.16,1,.3,1)}.key-highlights{position:absolute;z-index:6;inset:0;pointer-events:none}.key-highlights button{position:absolute;left:var(--hx);top:var(--hy);width:clamp(82px,9vw,132px);aspect-ratio:1;padding:0;border:0;border-radius:50%;background:#090015;box-shadow:0 20px 42px #05000f99,0 0 28px #b8ff0038;pointer-events:auto;animation:key-highlight-float calc(5.4s + var(--slot)*.7s) ease-in-out calc(var(--slot)*-.8s) infinite;transition:scale .35s,filter .35s,box-shadow .35s}.key-highlights button:nth-child(1){--hx:2%;--hy:15%}.key-highlights button:nth-child(2){--hx:76%;--hy:7%}.key-highlights button:nth-child(3){--hx:82%;--hy:66%}.key-highlights button:nth-child(4){--hx:0%;--hy:72%}.key-highlights button i{position:absolute;inset:0;border-radius:inherit;background:url('assets/archive/key/key-highlight-icons.jpg') var(--crop) center/400% 100% no-repeat}.key-highlights button:after{content:attr(data-title);position:absolute;left:50%;top:calc(100% + 10px);translate:-50% 0;padding:7px 10px;border-radius:999px;background:#100429;color:#fff;font:800 9px/1 Arial,sans-serif;letter-spacing:.1em;white-space:nowrap;opacity:0;transform:translateY(7px);transition:opacity .25s,transform .25s}.key-highlights button:hover,.key-highlights button:focus-visible,.key-highlights button.is-active{z-index:8;scale:1.16;filter:saturate(1.2);box-shadow:0 28px 52px #05000fcc,0 0 38px #b8ff0080}.key-highlights button:hover:after,.key-highlights button:focus-visible:after,.key-highlights button.is-active:after{opacity:1;transform:none}.key-highlights button:focus-visible{outline:3px solid #fff;outline-offset:6px}.key-feed-hint{position:absolute;right:2%;bottom:6%;z-index:7;margin:0;color:#cbbbed;font-size:10px!important;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.key-feed-hint:before{content:'↖';display:inline-block;margin-right:9px;color:#b8ff00;font-size:18px}.key-instagram+.key-system .key-eyebrow{color:#b8ff00}
@keyframes key-highlight-float{0%,100%{transform:translate3d(0,0,70px) rotate(-3deg)}50%{transform:translate3d(10px,-22px,120px) rotate(5deg)}}@keyframes key-feed-pulse{45%{transform:rotateX(0) rotateY(0) translateZ(85px) scale(1.025);box-shadow:0 70px 130px #05000fdd,22px 25px 0 #ffca31}}
@media(max-width:900px){.key-instagram{grid-template-columns:1fr;gap:32px}.key-instagram__copy{max-width:680px}.key-feed-stage{min-height:760px}.key-feed-card{width:min(58%,470px)}.key-highlights button:nth-child(1){--hx:5%}.key-highlights button:nth-child(2){--hx:78%}.key-highlights button:nth-child(3){--hx:80%}.key-highlights button:nth-child(4){--hx:4%}}
@media(max-width:560px){.key-instagram{padding:74px 5% 92px}.key-instagram__copy h2{font-size:54px}.key-instagram__status{align-items:flex-start;flex-direction:column;border-radius:18px}.key-feed-stage{min-height:620px;margin-inline:-2%}.key-feed-card{width:68%;padding:7px;border-radius:20px;box-shadow:0 40px 80px #05000fbb,9px 11px 0 #b8ff00}.key-feed-card img{border-radius:14px}.key-feed-card figcaption{display:grid;font-size:9px}.key-highlights button{width:72px}.key-highlights button:nth-child(1){--hx:1%;--hy:18%}.key-highlights button:nth-child(2){--hx:77%;--hy:8%}.key-highlights button:nth-child(3){--hx:78%;--hy:70%}.key-highlights button:nth-child(4){--hx:0%;--hy:75%}.key-highlights button:after{display:none}.key-feed-hint{right:4%;bottom:0;max-width:170px;text-align:right}}
@media(prefers-reduced-motion:reduce){.key-highlights button,.key-feed-card.is-pulsing{animation:none!important}.key-feed-card{transform:none;transition:none}}