:root{--night:#0A0910;--bone:#F1EEE8;--paper:#F7F5F0;--ink:#121016;--mute:#5d5866;--m:#F01C9C;--b:#2187F4; --grad:linear-gradient(90deg,#F01C9C,#AD1DDA 30%,#961CF1 50%,#5F4DF3 72%,#2187F4); --cond:'Big Shoulders Display',Impact,'Arial Narrow',sans-serif;--sans:'Public Sans',system-ui,sans-serif;--pad:3vw} *{box-sizing:border-box;margin:0;padding:0} html{background:var(--bone);scroll-behavior:auto} body{font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:clip} a{color:inherit;text-decoration:none} img,video{display:block} .skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:#fff;padding:8px} .thin{font-weight:600!important;color:#9c97a4} .viewer{position:relative;margin:0 var(--pad);height:min(72vh,760px);border-radius:22px;overflow:hidden;cursor:grab;touch-action:pan-y;outline:none;box-shadow:0 30px 80px rgba(18,16,22,.18)} .viewer:active{cursor:grabbing} .viewer:focus-visible{box-shadow:0 0 0 3px var(--m)} .pano{position:absolute;inset:0;background-image:var(--img);background-size:auto 112%;background-repeat:repeat-x;background-position:calc(var(--pan,0)*1px) 50%} @media (max-width:820px){.pano{background-image:var(--img-m)}} .viewer::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 50%,transparent 55%,rgba(10,9,16,.45)),linear-gradient(180deg,rgba(10,9,16,.45),transparent 18%,transparent 80%,rgba(10,9,16,.5))} .hud{position:absolute;inset:0;z-index:2;color:#fff;pointer-events:none} .hud-top,.hud-bot{position:absolute;left:24px;right:24px;display:flex;gap:18px;align-items:center;font-family:var(--cond);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:14px} .hud-top{top:20px}.hud-bot{bottom:20px;justify-content:space-between} .live{color:#fff;background:var(--m);padding:5px 10px;border-radius:20px} .compass{margin-left:auto;width:54px;height:54px;border:1.5px solid rgba(255,255,255,.7);border-radius:50%;display:grid;place-items:center;font-size:12px;position:relative} .compass::before{content:"";position:absolute;top:-1px;left:50%;width:2px;height:12px;background:var(--m);transform:translateX(-50%)} .drag{display:flex;align-items:center;gap:10px;background:rgba(10,9,16,.55);backdrop-filter:blur(8px);padding:10px 16px;border-radius:30px;animation:nudge 2.4s ease-in-out infinite} @keyframes nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(8px)}} .mini{background:rgba(10,9,16,.55);backdrop-filter:blur(8px);padding:10px 16px;border-radius:30px} .pin{all:unset;pointer-events:auto;cursor:pointer;position:absolute;top:var(--py);left:calc(var(--x,0)*1px);display:flex;align-items:center;gap:10px;transform:translate(-22px,-50%)} .pin i{font-style:normal;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:600;background:rgba(255,255,255,.92);color:var(--ink);box-shadow:0 0 0 6px rgba(255,255,255,.25);animation:pulse 2.2s infinite} .pin.hot i{background:var(--m);color:#fff;box-shadow:0 0 0 6px rgba(240,28,156,.3)} @keyframes pulse{50%{box-shadow:0 0 0 12px rgba(255,255,255,.05)}} .pin span{background:rgba(10,9,16,.72);backdrop-filter:blur(8px);padding:9px 14px;border-radius:10px;font-size:13px;line-height:1.35;color:#cfcbd8;white-space:nowrap} .pin span b{display:block;color:#fff;font-size:15px} @media (max-width:820px){.viewer{margin:0 12px;height:62vh;border-radius:16px} .pin span{display:none} .hud-top span:nth-child(2),.mini{display:none}} .k{--kd:#0A0A10;--ki:#F1EDE6;--kp:#130A2A;--an:'Anton',Impact,sans-serif;--gr:'Space Grotesk',system-ui,sans-serif;--mo:'Space Mono',ui-monospace,monospace;font-family:var(--gr);background:var(--kd)} .k .g{background:linear-gradient(90deg,#F01C9C,#AD1DDA 40%,#7B2FF0 70%,#2F7BF4);-webkit-background-clip:text;background-clip:text;color:transparent} .k-nav{position:fixed;inset:0 0 auto;z-index:40;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 80px;background:rgba(10,10,16,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.07)} .k-logo img{height:46px;width:auto} .k-nav nav{display:flex;gap:32px;font-family:var(--mo);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#e8e4ee} .k-nav nav a:hover{color:#F01C9C} .k-btn{display:inline-block;font-family:var(--mo);font-size:13px;letter-spacing:.2em;text-transform:uppercase;padding:16px 24px;background:var(--ki);color:var(--kd);border:1.5px solid var(--ki);transition:background .25s,color .25s} .k-btn:hover{background:transparent;color:var(--ki)} .k-btn.line{background:transparent;color:var(--ki)} .k-btn.line:hover{background:var(--ki);color:var(--kd)} .k-btn.sm{padding:12px 18px} .k-btn.dark{background:var(--kd);color:var(--ki);border-color:var(--kd)} .k-btn.line.dark{background:transparent;color:var(--kd);border-color:var(--kd)} .k .hdr{display:none} .k .s-hero .scene{padding-top:0} .k-label{font-family:var(--mo);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#F01C9C;margin-bottom:10px} .k-label.c{color:#cfc7e6;text-align:center}.k-label.c2{color:#cfcbd8} .k-h{font-family:var(--an);font-weight:400;text-transform:uppercase;font-size:clamp(52px,6.1vw,92px);line-height:.98;color:var(--kd)} .k-h.light{color:var(--ki)} .k-mega{font-family:var(--an);font-weight:400;text-transform:uppercase;font-size:clamp(64px,7.9vw,116px);line-height:.98;color:var(--ki)} .k-mega.dark{color:var(--kd)} .k-p{font-size:18px;line-height:1.62;color:#d6d2de;max-width:620px} .k-intro{position:relative;background:var(--kd);color:var(--ki);padding:140px 128px 90px} .k-kick{font-family:var(--mo);font-size:13px;letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:18px} .k-kick i{width:9px;height:9px;border-radius:50%;background:#F01C9C} .k-lead{font-size:20px;line-height:1.5;color:#e6e2ea;max-width:560px;margin:26px 0 30px} .k-ctas{display:flex;gap:12px;flex-wrap:wrap} .k-credit{position:absolute;right:48px;bottom:30px;font-family:var(--mo);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#a7a2b2} .k-logos{background:var(--kd);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden;height:143px;display:flex;align-items:center} .k-track{list-style:none;display:flex;gap:96px;align-items:center;animation:mq 46s linear infinite;width:max-content;padding-left:34px} .k-track li{flex:none} .k-track img{height:52px;width:auto;max-width:180px;object-fit:contain;filter:brightness(0) invert(1);opacity:.92} .k-track img.raw{filter:none;height:58px} @keyframes mq{to{transform:translateX(-50%)}} .k-exp{background:var(--ki);padding:125px 80px 120px} .k-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:50px} .k-side{font-size:19px;line-height:1.5;color:#3a3642;max-width:440px;padding-bottom:10px} .k-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .k-cards article{background:#fff;border-radius:18px;padding:22px 28px 28px;min-height:196px;transition:transform .3s,box-shadow .3s} .k-cards article:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(10,10,16,.08)} .k-cards i{font-style:normal;font-family:var(--mo);font-size:13px;color:#F01C9C} .k-cards h3{font-family:var(--an);font-weight:400;text-transform:uppercase;font-size:40px;line-height:1;margin:18px 0 18px;color:var(--kd)} .k-cards p{font-size:17px;line-height:1.55;color:#2e2a35} .k-cards .dark{background:var(--kd)}.k-cards .dark i{color:#F5B32A}.k-cards .dark p{color:#e6e2ea} .k-ai{position:relative;background:#07060d;color:var(--ki);padding:100px 80px 70px;overflow:hidden} .k-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.2px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:24px 24px,120px 120px,120px 120px;mask-image:radial-gradient(70% 70% at 50% 45%,#000 30%,transparent 85%);-webkit-mask-image:radial-gradient(70% 70% at 50% 45%,#000 30%,transparent 85%)} .k-ai::before{content:"";position:absolute;inset:0;background:radial-gradient(40% 45% at 50% 55%,rgba(123,47,240,.22),transparent 70%),radial-gradient(30% 30% at 22% 30%,rgba(240,28,156,.08),transparent 70%)} .k-ai-head{position:relative;z-index:2;text-align:center} .k-stage{position:relative;z-index:1;height:660px;margin-top:-10px} .k-char{position:absolute;left:50%;bottom:0;width:900px;transform:translateX(-50%)} .k-char img{width:100%;height:auto;-webkit-mask-image:radial-gradient(50% 50% at 50% 50%,#000 60%,transparent 100%),linear-gradient(0deg,transparent 0,#000 22%);-webkit-mask-composite:source-in;mask-image:radial-gradient(50% 50% at 50% 50%,#000 60%,transparent 100%),linear-gradient(0deg,transparent 0,#000 22%);mask-composite:intersect;transform:scale(calc(1 + var(--br,0)*.012)) translate(calc(var(--mx,0)*-8px),calc(var(--my,0)*-6px));transform-origin:50% 30%} .k-ghost span{position:absolute;font-family:var(--mo);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:rgba(200,190,230,.35);padding:9px 14px;border:1px solid rgba(255,255,255,.06);border-radius:30px;background:rgba(255,255,255,.02);animation:float 7s ease-in-out infinite} .g1{left:4%;top:8%}.g2{right:5%;top:12%;animation-delay:-2s!important}.g3{left:9%;top:40%;animation-delay:-4s!important}.g4{right:9%;top:36%;animation-delay:-1s!important}.g5{left:3%;top:72%;animation-delay:-3s!important}.g6{right:4%;top:58%;animation-delay:-5s!important} @keyframes float{50%{transform:translateY(-8px)}} .k-stage .chat{position:absolute;right:calc(50% - 520px);bottom:90px;z-index:3} .k-tabs{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:10px} .k-tabs button{all:unset;cursor:pointer;text-align:center;padding:26px 20px;border-radius:16px;background:#12101c;border:1px solid rgba(255,255,255,.07);font-size:20px;font-weight:500;color:#e8e4ee;position:relative;overflow:hidden;transition:background .3s} .k-tabs button[aria-selected=true]{background:linear-gradient(90deg,#1d0f36,#160c2a)} .k-tabs button::after{content:"";position:absolute;right:15%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#F01C9C,#7B2FF0);opacity:0;box-shadow:0 0 14px #F01C9C} .k-tabs button[aria-selected=true]::after{opacity:1} .cap.c{text-align:center;position:relative;z-index:2;color:#6f6a7c} .k-work{background:var(--ki);padding:125px 80px 70px;overflow:hidden;overflow:clip} .k-work .k-h{margin-bottom:46px} .k-car{overflow:visible} .k-rail{display:flex;gap:24px;transition:transform .7s cubic-bezier(.65,0,.2,1)} .k-slide{flex:0 0 818px;transition:opacity .5s} .k-slide:not(.on){opacity:.45} .k-media{position:relative;height:460px;border-radius:18px;overflow:hidden;background:#d9d5ce} .k-media img{width:100%;height:100%;object-fit:cover} .k-num{position:absolute;left:20px;top:20px;font-family:var(--mo);font-size:12px;color:#fff;background:rgba(10,10,16,.75);padding:6px 12px;border-radius:20px} .k-watch{position:absolute;left:40px;bottom:30px;font-family:var(--mo);font-size:12px;letter-spacing:.2em;text-transform:uppercase;background:var(--ki);color:var(--kd);padding:8px 14px;border-radius:20px} .k-meta{display:flex;justify-content:space-between;margin:18px 0 10px;font-family:var(--mo);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#4a4652} .k-slide h3{font-family:var(--an);font-weight:400;text-transform:uppercase;font-size:44px;line-height:1;color:var(--kd);white-space:nowrap} .k-slide p{font-size:18px;line-height:1.55;color:#2e2a35;margin-top:12px;max-width:700px} .k-carnav{display:flex;align-items:center;gap:22px;margin-top:40px} .k-count{font-family:var(--mo);font-size:14px;letter-spacing:.1em} .k-bar{width:520px;height:2px;background:#cfcac2;position:relative} .k-bar i{position:absolute;left:0;top:0;height:100%;width:10%;background:linear-gradient(90deg,#F01C9C,#2F7BF4);transition:width .6s} .k-arrows{margin-left:auto;display:flex;gap:12px} .k-arrows button{all:unset;cursor:pointer;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font-size:28px;border:1.5px solid var(--kd);color:var(--kd)} .k-arrows .next{background:var(--kd);color:#fff} .k-tour{background:var(--kd);color:var(--ki);padding:125px 80px 120px;border-bottom:1px solid rgba(255,255,255,.08)} .k-tour-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center} .k-tour .k-h{margin:8px 0 24px} .k-chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 34px;max-width:680px} .k-chips li{font-family:var(--mo);font-size:12px;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(255,255,255,.3);border-radius:30px;padding:8px 14px} .k-tour .viewer{margin:0;height:560px;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1)} .k-uses{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:80px} .k-uses article{background:#14131c;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:26px 24px 34px;min-height:150px} .k-uses small{font-family:var(--mo);font-size:12px;letter-spacing:.14em;text-transform:uppercase} .m1{color:#F01C9C}.m2{color:#C33BD8}.m3{color:#9A4BF2}.m4{color:#3E8BF6} .k-uses h3{font-family:var(--an);font-weight:400;text-transform:uppercase;font-size:28px;line-height:1.35;margin-top:10px} .k-studio{background:var(--kd);color:var(--ki);padding:125px 80px 110px} .k-mani{font-family:var(--an);font-weight:400;text-transform:uppercase;font-size:clamp(46px,5.4vw,80px);line-height:1.02;max-width:1200px;margin-bottom:34px} .k-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.15);margin-top:56px;padding-top:30px} .k-stats b{display:block;font-family:var(--an);font-weight:400;font-size:66px;line-height:1} .k-stats small{display:block;margin-top:12px;font-family:var(--mo);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#bdb8c8} .k-cta{background:var(--ki);padding:115px 80px 0} .k-cta .k-ctas{margin:46px 0 50px} .k-contact{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cfcac2;padding:36px 0 44px} .k-contact small{display:block;font-family:var(--mo);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#5d5866;margin-bottom:12px} .k-contact b{display:block;font-weight:600;font-size:19px;line-height:1.6;color:var(--kd)} .k-contact p{font-size:17px;line-height:1.6;color:#2e2a35} .k-foot{background:var(--kd);display:flex;justify-content:space-between;align-items:center;padding:28px 80px;font-family:var(--mo);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#cfcbd8} .k-foot img{height:38px;width:auto} @media (max-width:820px){ .k-nav{height:64px;padding:0 18px}.k-nav nav{display:none} .k-intro,.k-exp,.k-ai,.k-work,.k-tour,.k-studio,.k-cta{padding-left:20px;padding-right:20px} .k-intro{padding-top:80px;padding-bottom:70px}.k-credit{display:none} .k-mega{font-size:64px}.k-h{font-size:52px} .k-logos{height:100px}.k-track{gap:54px}.k-track img{height:38px} .k-exp,.k-work,.k-tour,.k-studio,.k-cta{padding-top:84px} .k-head{flex-direction:column;align-items:flex-start;gap:16px} .k-cards{grid-template-columns:1fr}.k-cards article{min-height:0}.k-cards h3{font-size:34px} .k-ai{padding-top:80px;padding-bottom:60px} .k-stage{height:auto;margin:20px -20px 0}.k-char{position:relative;left:auto;transform:none;width:100%} .k-ghost{display:none}.k-stage .chat{position:relative;right:auto;bottom:auto;margin:-40px 20px 20px} .k-tabs{grid-template-columns:1fr;gap:10px} .k-slide{flex-basis:86vw}.k-media{height:58vw}.k-slide h3{font-size:30px;white-space:normal}.k-slide p{font-size:16px} .k-meta span:last-child{display:none} .k-bar{width:30vw}.k-arrows button{width:48px;height:48px} .k-tour-top{grid-template-columns:1fr;gap:40px} .k-tour .viewer{height:62vh} .k-uses{grid-template-columns:1fr 1fr;margin-top:40px}.k-uses h3{font-size:22px} .k-mani{font-size:40px} .k-stats{grid-template-columns:1fr 1fr;row-gap:30px}.k-stats b{font-size:56px} .k-contact{grid-template-columns:1fr;gap:26px} .k-foot{flex-direction:column;gap:12px;padding:28px 20px;text-align:center} } @media (prefers-reduced-motion:reduce){.k-track{animation:none}.k-char img{transform:none}} .k .portal{clip-path:circle(calc(min(25vh,40vw) + 80vw*var(--e,0)) at 50% calc(50% + var(--oy,4vh)*(1 - var(--e,0))))} .k .meta.right{bottom:6vh} .k-who{position:absolute;right:80px;bottom:150px;max-width:470px;border-left:2px solid #F01C9C;padding-left:26px} .k-who p{font-size:17px;line-height:1.62;color:#d6d2de} .k-who p+p{margin-top:12px} .k-who .k-label{font-size:12px;color:#F01C9C;margin-bottom:12px} @media (max-width:1100px){.k-who{position:static;margin-top:44px;max-width:560px}} @media (max-width:820px){.k .meta.right{display:block;left:20px;right:20px;bottom:4vh}.k .meta.right .ctas{justify-content:flex-start}} @media (max-width:820px){.k .meta.right .ctas{flex-wrap:nowrap;gap:8px}.k .meta.right .btn{font-size:14px;padding:12px 12px;white-space:nowrap}.k .mega .b{bottom:calc(4vh + 80px)}} .k-scroll{position:absolute;left:50%;bottom:4vh;transform:translateX(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:12px;font-family:var(--mo);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#cfcbd8;padding:8px 12px;transition:opacity .4s} .k-scroll:hover{color:#fff} .k-scroll i{position:relative;width:1px;height:64px;background:rgba(255,255,255,.22);overflow:hidden} .k-scroll i::after{content:"";position:absolute;left:0;top:0;width:100%;height:40%;background:#F01C9C;box-shadow:0 0 8px #F01C9C;animation:drip 1.8s cubic-bezier(.6,0,.3,1) infinite} @keyframes drip{0%{transform:translateY(-100%)}100%{transform:translateY(260%)}} .k-scroll.gone{opacity:0;pointer-events:none} @media (prefers-reduced-motion:reduce){.k-scroll i::after{animation:none;transform:translateY(60%)}} .k-cards .wide{grid-column:1/-1;min-height:0;display:grid;grid-template-columns:auto 1fr;column-gap:40px;align-items:center} .k-cards .wide i{grid-column:1/-1} .k-cards .wide h3{margin:12px 0 0} .k-cards .wide p{margin-top:12px} @media (max-width:820px){.k-cards .wide{display:block}} .k .mega .b::first-letter{color:transparent;background:linear-gradient(135deg,#F01C9C,#AD1DDA 30%,#961CF1 50%,#5F4DF3 72%,#2187F4);-webkit-background-clip:text;background-clip:text} .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .k-cards article:hover,.k-cards article:focus-within{background:var(--kd)} .k-cards article:hover h3,.k-cards article:focus-within h3{color:#fff} .k-cards article:hover i,.k-cards article:focus-within i{color:#F5B32A} .k-cards article:hover p,.k-cards article:focus-within p{color:#e6e2ea} @property --r{syntax:'<percentage>';inherits:false;initial-value:0%} .k-ai{--wake:0} .k-char .ai-host{position:relative} .k-char img{will-change:opacity,transform} .k-glow{position:absolute;left:50%;top:44%;width:70%;aspect-ratio:1;transform:translate(-50%,-50%) scale(calc(.85 + var(--wake)*.15));border-radius:50%;background:radial-gradient(closest-side,rgba(240,28,156,.55),rgba(123,47,240,.25) 55%,transparent 75%);filter:blur(30px);opacity:calc(.15 + var(--wake)*.45);z-index:-1;pointer-events:none} .k-ai.awake .k-glow{animation:flare 1.6s cubic-bezier(.2,.7,.2,1)} @keyframes flare{0%{opacity:.25;transform:translate(-50%,-50%) scale(.85)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.25)}100%{opacity:.6;transform:translate(-50%,-50%) scale(1)}} .k-collar{position:absolute;left:30%;right:30%;top:58%;bottom:4%;background:radial-gradient(50% 60% at 50% 40%,rgba(240,28,156,.55),transparent 70%);mix-blend-mode:screen;filter:blur(14px);opacity:calc(var(--wake)*.55);pointer-events:none;transition:opacity .4s} .k-ai.awake .k-collar{animation:collar 3.2s ease-in-out infinite} @keyframes collar{50%{opacity:.6}} .k-grid.lit{background-image:radial-gradient(rgba(240,28,156,.55) 1px,transparent 1.4px),linear-gradient(rgba(173,29,218,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(173,29,218,.14) 1px,transparent 1px);background-size:24px 24px,120px 120px,120px 120px; -webkit-mask-image:radial-gradient(circle at 50% 55%,transparent calc(var(--r) - 14%),#000 var(--r),transparent calc(var(--r) + 6%));mask-image:radial-gradient(circle at 50% 55%,transparent calc(var(--r) - 14%),#000 var(--r),transparent calc(var(--r) + 6%));opacity:0} .k-ai.awake .k-grid.lit{animation:ripple 2.2s cubic-bezier(.25,.6,.3,1) forwards} @keyframes ripple{0%{--r:0%;opacity:1}85%{opacity:1}100%{--r:110%;opacity:0}} .k-ai .k-grid:not(.lit){transition:filter 1s} .k-ai.awake .k-grid:not(.lit){filter:brightness(1.8)} .k-ghost span{opacity:0;translate:0 14px;transition:opacity .6s ease,translate .8s cubic-bezier(.2,.7,.2,1)} .k-ai.awake .k-ghost span{opacity:1;translate:0 0} .k-ai.awake .k-ghost .g1{transition-delay:.25s}.k-ai.awake .k-ghost .g2{transition-delay:.45s}.k-ai.awake .k-ghost .g3{transition-delay:.65s}.k-ai.awake .k-ghost .g4{transition-delay:.85s}.k-ai.awake .k-ghost .g5{transition-delay:1.05s}.k-ai.awake .k-ghost .g6{transition-delay:1.25s} .k-ai.awake .k-ghost span{color:rgba(220,205,245,.6)} .k-stage .chat{opacity:0;translate:0 12px;transition:opacity .5s .3s,translate .6s .3s} .k-ai.awake .k-stage .chat{opacity:1;translate:0 0} .chat p[data-chat]::after{content:"";display:inline-block;width:2px;height:1em;margin-left:3px;vertical-align:-2px;background:#F01C9C;animation:caret 1s steps(1) infinite} .k-ai.typed .chat p[data-chat]::after{display:none} @keyframes caret{50%{opacity:0}} @media (prefers-reduced-motion:reduce){.k-ai{--wake:1}.k-ghost span,.k-stage .chat{opacity:1;translate:none}.k-grid.lit,.k-collar{animation:none!important}.chat p[data-chat]::after{display:none}} .k-contact{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px} @media (max-width:820px){.k-contact{grid-template-columns:1fr}} .k-wa{position:fixed;right:calc(22px + env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));z-index:60;width:58px;height:58px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 10px 28px rgba(0,0,0,.35);transition:transform .25s,box-shadow .25s;animation:waIn .6s .8s both,waPulse 1.6s 1.4s 1 ease-out} .k-wa:hover,.k-wa:focus-visible{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.4)} .k-wa:focus-visible{outline:3px solid #fff;outline-offset:3px} @keyframes waIn{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}} @keyframes waPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55),0 10px 28px rgba(0,0,0,.35)}100%{box-shadow:0 0 0 22px rgba(37,211,102,0),0 10px 28px rgba(0,0,0,.35)}} @media (max-width:820px){.k-wa{width:52px;height:52px;right:calc(14px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom))}.k-wa svg{width:27px;height:27px}.k-cta{padding-bottom:20px}.k-foot{padding-bottom:calc(84px + env(safe-area-inset-bottom))}} @media (prefers-reduced-motion:reduce){.k-wa{animation:none}} .k-char{isolation:isolate} @media (min-width:821px){.k-foot{padding-right:110px}} .k-intro{text-align:left} .k-intro .k-kick{justify-content:flex-start} .k-intro .k-mega{text-align:left} .k-intro .k-lead{max-width:720px;margin-left:0;margin-right:0} .k-intro .k-ctas{justify-content:flex-start} .k-intro .k-who{position:static;max-width:640px;margin:48px 0 0;text-align:left;border-left:2px solid #F01C9C;padding-left:26px} .k-intro .k-who::before{content:none} @media (max-width:820px){.k-intro .k-who{margin-top:40px;padding-left:20px}} .portal{position:absolute} .portal .hero-reel{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:46% 80%;transform:translate(calc(var(--tx,4vw)*(1 - var(--e,0))),calc(var(--ty,-35vh)*(1 - var(--e,0)))) scale(calc(1.1 - .1*var(--e,0)));opacity:0;transition:opacity .6s} .portal .hero-reel.on{opacity:1} .k .s-hero{--tx:6.5vw;--ty:30vh} @media (max-width:820px){.k .portal img,.k .portal .hero-reel{position:absolute;left:50%;top:44%;width:240vw;height:auto;aspect-ratio:16/9;max-width:none;object-fit:cover;transform-origin:50% 50%;transform:translate(-46%,-35%) scale(calc(1 + 1.2*var(--e,0)))}} .k-talk{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:10px;margin:28px auto 0} .k-talkb{display:inline-flex;align-items:center;gap:10px;font-family:var(--cond);font-weight:800;font-size:18px;letter-spacing:.08em;text-transform:uppercase;color:#fff;padding:14px 26px;border:0;border-radius:40px;cursor:pointer;background:linear-gradient(90deg,#F01C9C,#AD1DDA 30%,#961CF1 50%,#5F4DF3 75%,#2187F4);box-shadow:0 10px 30px rgba(240,28,156,.3);transition:transform .25s,box-shadow .25s} .k-talkb:hover,.k-talkb:focus-visible{transform:translateY(-2px);box-shadow:0 14px 36px rgba(173,29,218,.45)} .k-talkb:focus-visible{outline:3px solid #fff;outline-offset:3px} .k-talkb[aria-pressed=true]{background:#1a1324;box-shadow:inset 0 0 0 1.5px #F01C9C} .k-talkb:disabled{opacity:.7;cursor:progress} .k-talks{font-family:var(--mo);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7);margin:0} .k-bot{position:fixed;right:calc(22px + env(safe-area-inset-right));bottom:calc(22px + 58px + 14px + env(safe-area-inset-bottom));z-index:61;width:58px;height:58px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;background:linear-gradient(135deg,#F01C9C,#AD1DDA 35%,#5F4DF3 70%,#2187F4);box-shadow:0 10px 28px rgba(0,0,0,.35);transition:transform .25s,box-shadow .25s;animation:waIn .6s 1s both} .k-bot:hover,.k-bot:focus-visible{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.4)} .k-bot:focus-visible{outline:3px solid #fff;outline-offset:3px} .k-chatp{position:fixed;right:calc(22px + env(safe-area-inset-right));bottom:calc(22px + 2*58px + 28px + env(safe-area-inset-bottom));z-index:62;width:360px;max-height:min(520px,calc(100vh - 220px));display:flex;flex-direction:column;background:#120d1a;color:#fff;border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.08);overflow:hidden} .k-chatp[hidden]{display:none} .k-chath{display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(90deg,rgba(240,28,156,.22),rgba(33,135,244,.18));border-bottom:1px solid rgba(255,255,255,.08)} .k-chath .dot{width:8px;height:8px;border-radius:50%;background:#F01C9C;box-shadow:0 0 10px #F01C9C} .k-chath b{font-family:var(--cond);font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:16px} .k-chath small{font-size:12px;color:rgba(255,255,255,.6);flex:1} .k-chatx{background:none;border:0;color:#fff;font-size:24px;line-height:1;cursor:pointer;padding:0 4px} .k-chatlog{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;min-height:180px} .k-chatlog .m{margin:0;max-width:85%;padding:10px 13px;border-radius:14px;font-size:14px;line-height:1.45} .k-chatlog .ai{align-self:flex-start;background:rgba(255,255,255,.08);border-bottom-left-radius:4px} .k-chatlog .me{align-self:flex-end;background:linear-gradient(135deg,#F01C9C,#961CF1);border-bottom-right-radius:4px} .k-chatlog .typing{letter-spacing:.2em;color:rgba(255,255,255,.6)} .k-chatf{display:flex;gap:8px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.08)} .k-chatf input{flex:1;min-width:0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:10px 14px;color:#fff;font:inherit;font-size:16px} .k-chatf input:focus{outline:none;border-color:#F01C9C} .k-chatf button{width:42px;height:42px;border-radius:50%;border:0;color:#fff;cursor:pointer;background:linear-gradient(135deg,#F01C9C,#2187F4);font-size:16px} .k-chatf button:disabled,.k-chatf input:disabled{opacity:.5} .k-chatn{margin:0;padding:0 14px 10px;font-size:11px;color:rgba(255,255,255,.45)}.k-chatn a{color:rgba(255,255,255,.7)} @media (max-width:820px){.k-bot{width:52px;height:52px;right:calc(14px + env(safe-area-inset-right));bottom:calc(14px + 52px + 12px + env(safe-area-inset-bottom))}.k-bot svg{width:23px;height:23px} .k-chatp{right:calc(10px + env(safe-area-inset-right));left:calc(10px + env(safe-area-inset-left));width:auto;bottom:calc(14px + 2*52px + 24px + env(safe-area-inset-bottom));max-height:calc(100dvh - 200px)} .k-foot{padding-bottom:calc(148px + env(safe-area-inset-bottom))}} @media (prefers-reduced-motion:reduce){.k-bot{animation:none}} .k-media img[src$="p07.webp"]{object-position:60% 50%} .k-stage .k-talk{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);margin:0;z-index:4} .k-feats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:10px} .k-feats article{position:relative;padding:28px 30px 28px 34px;border-radius:16px;background:linear-gradient(90deg,#1d0f36,#12101c 70%);border:1px solid rgba(255,255,255,.07);overflow:hidden} .k-feats article::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:2px;background:linear-gradient(180deg,#F01C9C,#7B2FF0);box-shadow:0 0 14px #F01C9C} .k-feats h3{font-family:var(--an);font-weight:400;text-transform:uppercase;font-size:30px;line-height:1;color:#fff;margin:0 0 12px} .k-feats p{font-size:16px;line-height:1.55;color:#d6d2de;margin:0} @media (max-width:820px){.k-stage .k-talk{position:relative;left:auto;bottom:auto;transform:none;margin:0 auto 18px}.k-feats{grid-template-columns:1fr;gap:10px}.k-feats h3{font-size:26px}.k-feats article{padding:22px 22px 22px 28px}} .k-intro{padding:96px 128px 80px} @media (max-width:820px){.k-intro{padding:64px 20px 56px}} .k-intro.k-band{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:72px;align-items:center;padding:72px 128px;border-top:1px solid rgba(255,255,255,.08)} .k-band .k-kick{margin-bottom:16px} .k-band .k-mega{font-size:clamp(48px,4.6vw,68px);line-height:1} .k-band .k-lead{font-size:18px;max-width:560px;margin:0 0 24px} @media (max-width:1100px){.k-intro.k-band{padding:56px 48px;column-gap:40px}} @media (max-width:820px){.k-intro.k-band{grid-template-columns:1fr;row-gap:24px;padding:48px 20px}.k-band .k-mega{font-size:40px}.k-band .k-lead{font-size:17px;margin-bottom:20px}} .k-ctacard{display:block;color:inherit;text-decoration:none} .k-ctamedia{display:flex;flex-direction:column;justify-content:flex-end;gap:16px;padding:40px 44px;box-sizing:border-box;background:var(--kd);background-image:radial-gradient(120% 90% at 100% 0%,rgba(240,28,156,.55),transparent 55%),radial-gradient(90% 90% at 0% 100%,rgba(33,135,244,.45),transparent 60%),linear-gradient(135deg,#F01C9C 0%,#AD1DDA 25%,#961CF1 50%,#5F4DF3 75%,#2187F4 100%);background-blend-mode:normal} .k-ctamedia::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,16,.15),rgba(10,10,16,.55))} .k-ctabig,.k-ctaline{position:relative} .k-ctabig{font-family:var(--an);font-weight:400;text-transform:uppercase;font-size:clamp(56px,6vw,96px);line-height:.95;color:#fff} .k-ctabig span{display:inline-block;transition:transform .3s} .k-ctaline{font-size:19px;line-height:1.5;color:rgba(255,255,255,.9);max-width:520px} .k-ctacard:hover .k-ctabig span,.k-ctacard:focus-visible .k-ctabig span{transform:translateX(10px)} .k-ctacard:focus-visible{outline:3px solid #F01C9C;outline-offset:4px;border-radius:18px} @media (max-width:820px){.k-ctamedia{padding:22px 22px}.k-ctabig{font-size:31px;white-space:nowrap}.k-ctaline{font-size:15px}} .k-intro.k-ref{display:block;background:var(--ki);color:var(--kd);padding:120px 80px;border-top:0} .k-ref::after{content:"";position:absolute;left:80px;right:80px;bottom:0;height:1px;background:rgba(10,10,16,.14)} .k-ref .k-kick{color:#4a4652;margin-bottom:28px} .k-refh{font-family:var(--an);font-weight:400;text-transform:uppercase;font-size:clamp(64px,10vw,150px);line-height:.92;letter-spacing:-.005em;color:var(--kd);margin:0;text-align:left} .k-refgrid{display:grid;grid-template-columns:1fr 1fr 1.25fr;column-gap:72px;margin-top:96px;align-items:start} .k-refgrid p{margin:0;font-size:18px;line-height:1.6;color:#2e2a35;max-width:380px} .k-refgrid .k-refcall{font-family:var(--an);font-weight:400;text-transform:uppercase;font-size:clamp(28px,2.6vw,40px);line-height:1.08;color:var(--kd);max-width:none} .k-refcall span{color:#F01C9C} .k-ref .k-ctas{margin-top:64px;justify-content:flex-start} @media (max-width:820px){.k-intro.k-ref{padding:72px 20px}.k-ref::after{left:20px;right:20px}.k-refh{font-size:clamp(52px,15vw,72px)}.k-refgrid{grid-template-columns:1fr;row-gap:28px;margin-top:48px}.k-refgrid p{font-size:17px}.k-refgrid .k-refcall{font-size:30px}.k-ref .k-ctas{margin-top:40px}} .k-ref .k-btn.dark:hover{background:transparent;color:var(--kd)} .k-ref .k-btn.line.dark:hover{background:var(--kd);color:var(--ki)} @media (min-width:821px){.k-refh .g{white-space:nowrap}} .k-nav{display:grid;grid-template-columns:1fr auto 1fr;column-gap:24px} .k-nav .k-logo{justify-self:start} .k-nav>.k-btn{justify-self:end} main [id]{scroll-margin-top:76px} .k-tour-top{align-items:start} .k-tour .k-tour-copy>.k-label:first-child{margin-top:0} @media (max-width:820px){.k-nav{grid-template-columns:1fr auto}main [id]{scroll-margin-top:64px}} .k-foot{flex-direction:column;justify-content:center;gap:16px;padding:36px 110px;text-align:center} .k-social{display:flex;justify-content:center;gap:22px} .k-social a{color:#cfcbd8;display:inline-flex;transition:color .2s,transform .2s} .k-social a:hover,.k-social a:focus-visible{color:#F01C9C;transform:translateY(-2px)} .k-social a:focus-visible{outline:2px solid #F01C9C;outline-offset:4px;border-radius:4px} @media (max-width:820px){.k-foot{padding:32px 20px calc(148px + env(safe-area-inset-bottom))}} .k-about{position:relative;background:var(--ki);color:var(--kd);padding:96px 80px 72px} .k-about::after{content:"";position:absolute;left:80px;right:80px;bottom:0;height:1px;background:rgba(10,10,16,.14)} .k-about .k-label{margin-bottom:18px} .k-about p:not(.k-label){max-width:720px;font-size:19px;line-height:1.6;color:#2e2a35;margin:0} .k-about p+p{margin-top:14px} @media (max-width:820px){.k-about{padding:64px 20px 56px}.k-about::after{left:20px;right:20px}.k-about p:not(.k-label){font-size:17px}} .k-about p:not(.k-label)+p{margin-top:14px} .k-exp .k-label,.k-work .k-label,.k-cta .k-label,.k-cards i{color:#C4127F} .k-uses .m2{color:#CC52E0}.k-uses .m3{color:#A866F5} .viewer:not(.near) .pano{background-image:none} .k-tour{background:var(--ki);color:var(--kd);border-bottom:0} .k-tour .k-h.light{color:var(--kd)} .k-tour .k-label.c2{color:#C4127F} .k-tour .k-p{color:#3d3946} .k-tour .k-chips li{border-color:rgba(10,10,16,.25);color:var(--kd)} .k-tour .k-btn{background:var(--kd);color:var(--ki);border-color:var(--kd)} .k-tour .k-btn:hover{background:transparent;color:var(--kd)} .k-tour .viewer{box-shadow:0 24px 60px rgba(10,10,16,.22);border-color:rgba(10,10,16,.08)} .k-tour .k-uses article{background:#fff;border-color:rgba(10,10,16,.08)} .k-tour .k-uses h3{color:var(--kd)} .k-tour .k-uses .m1{color:#C4127F}.k-tour .k-uses .m2{color:#9B2DB3}.k-tour .k-uses .m3{color:#6E35C9}.k-tour .k-uses .m4{color:#1F63C7} .k-sub{position:absolute;left:var(--pad,56px);bottom:6vh;z-index:4;max-width:360px;font-family:var(--mo);font-size:14px;line-height:1.6;letter-spacing:.04em;color:#d6d2de;opacity:calc(1 - var(--e,0)*1.6);transform:translateY(calc(20vh*var(--e,0)));pointer-events:none} @media (max-width:820px){ .k .portal img,.k .portal .hero-reel{width:150vw;top:calc(50% + var(--oy,4vh)*(1 - var(--e,0)));left:50%;transform:translate(-50%,-50%) scale(calc(1 + 2.4*var(--e,0)))} .k-sub{left:18px;right:18px;max-width:none;bottom:calc(4vh + 112px);font-size:12px;text-align:left} .k .mega .b{bottom:calc(4vh + 168px)} } @media (min-width:821px){.k .portal img,.k .portal .hero-reel{transform-origin:50% 50%;transform:translateY(calc(var(--oy,4vh)*(1 - var(--e,0)))) scale(min(1, calc(.54 + 3*var(--e,0))))}} .k .reveal-title{left:80px;top:calc(76px + 16px);z-index:6;pointer-events:none;max-width:calc(100vw - 160px)} .k .reveal-title span{display:block;font-family:var(--cond);font-weight:900;text-transform:uppercase;font-size:clamp(52px,8.2vw,136px);line-height:.82;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.55),0 10px 48px rgba(0,0,0,.45)} .k .reveal-title small{display:none} .k .s-hero .scene::after{content:"";position:absolute;left:0;top:76px;width:min(70vw,980px);height:30vh;pointer-events:none;z-index:5;background:linear-gradient(135deg,rgba(10,9,16,.32) 0%,rgba(10,9,16,.1) 40%,transparent 72%);opacity:calc((var(--e,0) - .75)*4)} @media (max-width:820px){ .k .reveal-title{top:calc(64px + 10px);left:18px;right:18px;max-width:none} .k .reveal-title span{font-size:clamp(36px,12.5vw,56px);line-height:.86;letter-spacing:-.015em} .k .s-hero .scene::after{left:0;top:64px;width:80vw;height:18vh;background:linear-gradient(135deg,rgba(10,9,16,.28) 0%,rgba(10,9,16,.08) 50%,transparent 75%)} } .k-do{background:var(--ki);color:var(--kd);overflow:hidden;overflow:clip;margin-top:-1px} .k-dorow{border-top:1.5px solid var(--kd);overflow:hidden} .k-dorow:last-child{border-bottom:1.5px solid var(--kd)} .k-dotrack{display:flex;width:max-content;align-items:center;animation:k-do-mq 50s linear infinite;will-change:transform} .k-dorow.k-dorev .k-dotrack{animation-direction:reverse} .k-doset{display:flex;align-items:center;flex:none} .k-doit{display:flex;align-items:center;gap:2vw;white-space:nowrap;font-family:var(--cond);font-weight:900;text-transform:uppercase;font-size:clamp(40px,5.8vw,104px);line-height:.86;letter-spacing:-.02em;padding:1.2vw 4.2vw;color:var(--kd)} .k-do .n{font-size:.26em;align-self:flex-start;padding-top:.55em;color:#C4127F;font-weight:800;letter-spacing:.04em} .k-do .o{color:transparent;-webkit-text-stroke:1.5px var(--kd)} .k-do .gtxt{background:linear-gradient(90deg,#C4127F,#9B2DB3 45%,#6E35C9);-webkit-background-clip:text;background-clip:text;color:transparent} .k-do .chip{flex:none;height:.72em;aspect-ratio:2.35/1;border-radius:999px;overflow:hidden;position:relative;background:var(--kd);margin:0} .k-do .chip img,.k-do .chip video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block} .k-do .chip.face img{object-position:50% 18%} @keyframes k-do-mq{to{transform:translateX(-50%)}} @media (max-width:820px){ .k-doit{font-size:clamp(22px,7.2vw,34px);padding:16px 22px;gap:1.8vw} .k-do .o{-webkit-text-stroke:1px var(--kd)} .k-do .chip{height:.78em;aspect-ratio:2/1} .k-dotrack{animation-duration:40s} } @media (prefers-reduced-motion:reduce){ .k-dotrack{animation:none;will-change:auto} .k-doset[aria-hidden="true"]{display:none} .k-doit{padding-left:80px} @media (max-width:820px){.k-doit{padding-left:20px}} } .k-work .k-h{margin-bottom:46px} .k-slide .k-meta span:nth-child(2){display:none} .k-doit{font-size:clamp(46px,6.7vw,120px)} @media (max-width:820px){.k-doit{font-size:clamp(25px,8.3vw,39px)}} .k-useline{margin:34px 0 0;padding-top:22px;border-top:1px solid rgba(10,10,15,.14);font-size:clamp(15px,1.15vw,18px);line-height:1.6;color:rgba(10,10,15,.6);max-width:900px} .k-useline b{color:#0a0a0f;font-weight:500} .k-ctas{align-items:center} .k-tlink{display:inline-block;margin-left:22px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--kd);text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:3px} .k-tlink:hover{color:#C4127F} .k-tlink-r{margin:26px 0 0;font-size:14px} .k-doit{font-size:clamp(28px,3.9vw,70px);padding-top:.9vw;padding-bottom:.9vw} .k-dorow{border-top:1px solid rgba(20,20,26,.14)} .k-dorow:last-child{border-bottom:1px solid rgba(20,20,26,.14)} .k-do .k-doit{color:rgba(20,20,26,.78)} .k-do .o{-webkit-text-stroke:1px rgba(20,20,26,.45)} .k-dotrack{animation-duration:70s} @media (max-width:820px){.k-doit{font-size:clamp(20px,6vw,28px);padding-top:12px;padding-bottom:12px}.k-dotrack{animation-duration:55s}} .k-do .k-doit{color:rgba(20,20,26,.92)} .k-do .o{-webkit-text-stroke:1px rgba(20,20,26,.6)} .k-nav{background:#0A0A10;-webkit-backdrop-filter:none;backdrop-filter:none;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden} .k-intro.k-ref{padding-bottom:164px} .k-work{padding-top:170px} @media (max-width:820px){.k-intro.k-ref{padding-bottom:98px}.k-work{padding-top:114px}} .k-contact{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1240px} .k-cta .k-social{justify-content:flex-start;gap:12px;flex-wrap:wrap} .k-cta .k-social a{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(10,10,16,.22);color:var(--kd);align-items:center;justify-content:center;transition:color .2s,background .2s,border-color .2s,transform .2s} .k-cta .k-social a:hover,.k-cta .k-social a:focus-visible{background:var(--kd);border-color:var(--kd);color:#fff;transform:translateY(-2px)} .k-cta .k-social svg{width:19px;height:19px} @media (max-width:820px){.k-contact{grid-template-columns:1fr}} .k-ctas{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:max-content;max-width:100%;gap:12px;align-items:stretch} .k-ctas .k-btn{box-sizing:border-box;text-align:center;white-space:nowrap} @media (max-width:820px){.k-ctas{grid-auto-flow:row;grid-template-columns:minmax(0,1fr);width:auto}} .k-do .chip{height:.97em;margin:-.055em 0} @media (max-width:820px){.k-do .chip{height:1.05em;margin:-.095em 0}} .pg main{display:block} .pg-hero{position:relative;background:linear-gradient(to bottom,var(--kd) calc(100% - 150px),var(--ki) calc(100% - 150px));color:var(--ki);padding:146px 80px 0} .pg-back{display:inline-flex;gap:10px;align-items:center;font-family:var(--mo);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#cfcbd8;transition:color .2s} .pg-back:hover,.pg-back:focus-visible{color:#F01C9C} .pg-hero .k-label{margin:34px 0 0} .pg-h1{font-family:var(--an);font-weight:400;text-transform:uppercase;font-size:clamp(52px,6.1vw,92px);line-height:.98;color:var(--ki);margin:10px 0 22px;max-width:1100px} .pg-h1 .g{display:block} .pg-place{display:flex;flex-wrap:wrap;gap:8px 18px;font-family:var(--mo);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#cfcbd8} .pg-place span+span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#F01C9C;margin:0 14px 2px 0;vertical-align:middle} .pg-media{position:relative;margin-top:52px;border-radius:18px;overflow:hidden;background:#1a1822;aspect-ratio:16/8;max-height:680px;width:100%} .pg-media img,.pg-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .pg-media video{opacity:0;transition:opacity .8s} .pg-media video.on{opacity:1} .pg-story{background:var(--ki);color:var(--kd);padding:96px 80px 30px} .pg-lead{font-family:var(--gr);font-weight:500;font-size:clamp(26px,2.5vw,38px);line-height:1.25;letter-spacing:-.01em;max-width:30ch;color:var(--kd)} .pg-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:56px;row-gap:28px;margin-top:64px;padding-top:34px;border-top:1px solid rgba(10,10,16,.14)} .pg-cols h2{font-family:var(--mo);font-weight:400;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#F01C9C;margin-bottom:14px} .pg-cols p{font-size:18px;line-height:1.55;color:#2e2a35;max-width:38ch} .pg-cols a{color:var(--kd);border-bottom:1.5px solid #F01C9C;white-space:nowrap} .pg-cols a:hover{color:#F01C9C} .pg-chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:44px 0 0;padding:0} .pg-chips li{font-family:var(--mo);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--kd);border:1px solid rgba(10,10,16,.28);border-radius:30px;padding:9px 15px;background:#fff} .pg-note{margin-top:40px;font-family:var(--mo);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#5d5866} .pg-gal{background:var(--ki);padding:66px 80px 120px} .pg-gal .k-label{margin-bottom:22px} .pg-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px} .pg-grid figure{position:relative;margin:0;border-radius:18px;overflow:hidden;background:#d9d5ce} .pg-grid .s6{grid-column:span 6;aspect-ratio:16/7} .pg-grid .s3{grid-column:span 3;aspect-ratio:3/2} .pg-grid .s2{grid-column:span 2;aspect-ratio:1/1} .pg-grid img,.pg-grid video{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)} .pg-grid a{display:block;width:100%;height:100%;cursor:zoom-in} .pg-grid a:hover img,.pg-grid a:focus-visible img{transform:scale(1.03)} .pg-grid a:focus-visible{outline:3px solid #F01C9C;outline-offset:-3px} .pg-quote{background:var(--kd);color:var(--ki);padding:120px 80px} .pg-quote blockquote{margin:0;max-width:1100px} .pg-quote .qm{display:block;font-family:var(--gr);font-weight:600;font-size:150px;line-height:1;height:78px;width:max-content} .pg-quote blockquote p{font-family:var(--gr);font-weight:500;font-size:clamp(26px,2.7vw,40px);line-height:1.3;letter-spacing:-.01em} .pg-quote footer{margin-top:30px;font-family:var(--mo);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#cfcbd8} .pg-quote footer b{color:var(--ki);font-weight:400} .pg-pn{background:var(--kd);color:var(--ki);padding:110px 80px;border-top:1px solid rgba(255,255,255,.08)} .pg-quote+.pg-pn{padding-top:0;border-top:0} .pg-pn nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .pg-pn a{display:grid;grid-template-columns:200px 1fr;gap:26px;align-items:center;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;transition:border-color .25s,background .25s} .pg-pn a:hover,.pg-pn a:focus-visible{border-color:rgba(240,28,156,.7);background:rgba(255,255,255,.03)} .pg-pn a.nx{grid-template-columns:1fr 200px;text-align:right} .pg-pn a.nx .pn-img{order:2} .pg-pn .pn-img{aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:#1a1822} .pg-pn .pn-img img{width:100%;height:100%;object-fit:cover} .pg-pn small{display:block;font-family:var(--mo);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#cfcbd8;margin-bottom:10px} .pg-pn b{display:block;font-family:var(--an);font-weight:400;text-transform:uppercase;font-size:clamp(26px,2.4vw,38px);line-height:1;color:var(--ki)} .pg-all{display:flex;justify-content:center;margin-top:40px} .pg-all .k-btn{white-space:nowrap} .pg-pn em{display:block;margin-top:10px;font-style:normal;font-family:var(--mo);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#a7a2b2} .pg-ix .pg-hero{background:var(--kd);padding-bottom:90px} .pg-ix .pg-lead2{font-size:20px;line-height:1.5;color:#e6e2ea;max-width:560px} .pg-cards{background:var(--ki);padding:96px 80px 120px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 32px} .pg-cards a{display:block;color:var(--kd)} .pg-cards .k-media{height:auto;aspect-ratio:16/9} .pg-cards .k-media img{transition:transform .6s cubic-bezier(.2,.7,.2,1)} .pg-cards a:hover .k-media img,.pg-cards a:focus-visible .k-media img{transform:scale(1.03)} .pg-cards a:focus-visible{outline:3px solid #F01C9C;outline-offset:6px;border-radius:18px} .pg-cards .pc-place{margin:20px 0 10px;font-family:var(--mo);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#4a4652} .pg-cards h2{font-family:var(--an);font-weight:400;text-transform:uppercase;font-size:44px;line-height:1;color:var(--kd)} .pg-cards h2::after{content:"\2192";display:inline-block;margin-left:.3em;opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s} .pg-cards a:hover h2::after,.pg-cards a:focus-visible h2::after{opacity:1;transform:none} .pg-cards p{font-size:18px;line-height:1.55;color:#2e2a35;margin-top:12px;max-width:600px} .pg-lb{border:0;padding:0;background:transparent;max-width:min(92vw,1600px);max-height:90vh;overflow:visible} .pg-lb::backdrop{background:rgba(10,10,16,.92)} .pg-lb img{display:block;max-width:min(92vw,1600px);max-height:86vh;width:auto;height:auto;border-radius:12px} .pg-lb button{position:fixed;top:18px;right:22px;width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);background:rgba(10,10,16,.6);color:#fff;font-size:26px;line-height:1;cursor:pointer} .pg-lb p{color:#cfcbd8;font-family:var(--mo);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-top:12px;text-align:center} @media (max-width:1100px){.pg-pn a,.pg-pn a.nx{grid-template-columns:1fr;text-align:left}.pg-pn a.nx .pn-img{order:0}} @media (max-width:820px){ .pg-hero{padding:100px 20px 0;background:linear-gradient(to bottom,var(--kd) calc(100% - 70px),var(--ki) calc(100% - 70px))} .pg-hero .k-label{margin-top:26px} .pg-h1{font-size:clamp(42px,12.5vw,60px)} .pg-place{font-size:12px;letter-spacing:.16em} .pg-place span+span::before{margin-right:10px} .pg-media{margin-top:34px;aspect-ratio:4/3} .pg-story{padding:56px 20px 10px} .pg-cols{grid-template-columns:1fr;margin-top:40px;padding-top:26px} .pg-cols p{font-size:17px} .pg-chips{margin-top:34px} .pg-gal{padding:46px 20px 72px} .pg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .pg-grid figure{border-radius:12px} .pg-grid .m2{grid-column:span 2;aspect-ratio:4/3} .pg-grid .m1{grid-column:span 1;aspect-ratio:1/1} .pg-quote{padding:72px 20px} .pg-quote .qm{font-size:110px;height:58px} .pg-pn{padding:72px 20px} .pg-pn nav{grid-template-columns:1fr;gap:14px} .pg-pn a,.pg-pn a.nx{grid-template-columns:110px 1fr;gap:16px;padding:12px;text-align:left} .pg-pn a.nx .pn-img{order:0} .pg-pn b{font-size:24px} .pg-ix .pg-hero{padding-bottom:56px} .pg-ix .pg-lead2{font-size:17px} .pg-cards{grid-template-columns:1fr;gap:48px;padding:56px 20px 72px} .pg-cards h2{font-size:32px} .pg-cards p{font-size:16px} } @media (prefers-reduced-motion:reduce){.pg-grid img,.pg-cards .k-media img{transition:none}.pg-media video{display:none}} .pg-viewer{margin:52px 0 0;height:min(68vh,640px);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.1)} .pg-ctas{margin-top:40px} .pg-steps{background:var(--ki);padding:30px 80px 110px} .pg-stepgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:8px} .pg-stepgrid article{background:#fff;border-radius:18px;padding:22px 22px 26px;min-height:210px} .pg-stepgrid i{font-style:normal;font-family:var(--mo);font-size:13px;color:#F01C9C} .pg-stepgrid h3{font-family:var(--an);font-weight:400;text-transform:uppercase;font-size:28px;line-height:1.02;margin:16px 0 12px;color:var(--kd)} .pg-stepgrid p{font-size:16px;line-height:1.5;color:#2e2a35} .pg-about .pg-quote{padding-bottom:70px} .pg-cl{margin:80px 0 0;color:#cfcbd8} .pg-cards3{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px} .pg-cards3 h2{font-size:34px} .pg-span{grid-column:1/-1} .pg-cards .pg-all{margin-top:0} @media (max-width:1100px){.pg-stepgrid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media (max-width:820px){ .pg-viewer{margin-top:34px;height:62vh;border-radius:14px} .pg-steps{padding:20px 20px 72px} .pg-stepgrid{grid-template-columns:1fr;gap:10px} .pg-stepgrid article{min-height:0} .pg-stepgrid h3{font-size:26px} .pg-cl{margin-top:56px} .pg-cards3{grid-template-columns:1fr;gap:40px} .pg-cards3 h2{font-size:30px} } .pg-body{background:var(--ki);color:var(--kd);padding:40px 80px 40px} .pg-blk{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;padding:44px 0;border-top:1px solid rgba(10,10,16,.14)} .pg-blk>h2{font-family:var(--an);font-weight:400;text-transform:uppercase;font-size:clamp(32px,3.1vw,48px);line-height:1;color:var(--kd);max-width:14ch} .pg-txt{max-width:66ch} .pg-txt p{font-size:18px;line-height:1.6;color:#2e2a35} .pg-txt p+p,.pg-txt ul+p,.pg-txt p+ul{margin-top:16px} .pg-txt h3{font-family:var(--gr);font-weight:600;font-size:20px;line-height:1.3;color:var(--kd);margin:28px 0 10px} .pg-txt h3:first-child{margin-top:0} .pg-txt ul{list-style:none;margin:0;padding:0;display:grid;gap:12px} .pg-txt li{position:relative;padding-left:22px;font-size:18px;line-height:1.55;color:#2e2a35} .pg-txt li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:#F01C9C} .pg-txt li b{font-weight:600;color:var(--kd)} .pg-txt a{color:var(--kd);border-bottom:1.5px solid #F01C9C;transition:color .2s} .pg-txt a:hover,.pg-txt a:focus-visible{color:#F01C9C} .pg-story+.pg-body{padding-top:70px} .pg-body+.pg-gal{padding-top:40px} .pg-faq details{border-bottom:1px solid rgba(10,10,16,.14);padding:4px 0 18px} .pg-faq details+details{margin-top:14px} .pg-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:baseline} .pg-faq summary::-webkit-details-marker{display:none} .pg-faq summary::after{content:"+";font-family:var(--mo);font-size:22px;color:#F01C9C;flex:none} .pg-faq details[open] summary::after{content:"\2212"} .pg-faq summary h3{margin:0} .pg-faq details p{margin-top:12px} .pg-faq summary:focus-visible{outline:3px solid #F01C9C;outline-offset:4px} .pg-svc{background:var(--ki);padding:30px 80px 60px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 24px} .pg-svc article{display:flex;flex-direction:column} .pg-svc .k-media{height:auto;aspect-ratio:16/10;border-radius:18px;overflow:hidden;background:#1a1822;position:relative} .pg-svc .k-media img,.pg-svc .k-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .pg-svc h2{font-family:var(--an);font-weight:400;text-transform:uppercase;font-size:34px;line-height:1;color:var(--kd);margin:20px 0 10px} .pg-svc p{font-size:17px;line-height:1.5;color:#2e2a35} .pg-svc .sv-link{margin-top:14px;align-self:flex-start;font-family:var(--mo);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--kd);border-bottom:1.5px solid #F01C9C;padding-bottom:3px} .pg-svc .sv-link:hover,.pg-svc .sv-link:focus-visible{color:#F01C9C} .pg-contact{background:var(--ki);color:var(--kd);padding:90px 80px 30px} .pg-cgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px} .pg-cgrid>div{background:#fff;border-radius:18px;padding:26px} .pg-cgrid small{display:block;font-family:var(--mo);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#F01C9C;margin-bottom:14px} .pg-cgrid a{display:block;font-size:20px;line-height:1.5;color:var(--kd)} .pg-cgrid a:hover,.pg-cgrid a:focus-visible{color:#F01C9C} .pg-cgrid p{font-size:16px;line-height:1.5;color:#4a4652;margin-top:8px} .pg-legal .pg-hero{background:var(--kd);padding-bottom:80px} .pg-legal .pg-body{padding-top:60px;padding-bottom:110px} .pg-legal .pg-blk{padding:34px 0;gap:40px} .pg-legal .pg-blk>h2{font-size:clamp(26px,2.3vw,34px)} .pg-legal .pg-txt p{font-size:17px} @media (max-width:1100px){.pg-svc{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:820px){ .pg-body{padding:20px 20px 20px} .pg-story+.pg-body{padding-top:40px} .pg-blk{grid-template-columns:1fr;gap:18px;padding:32px 0} .pg-blk>h2{font-size:clamp(28px,8.6vw,38px)} .pg-txt p,.pg-txt li{font-size:17px} .pg-svc{grid-template-columns:1fr;padding:20px 20px 40px;gap:40px} .pg-svc h2{font-size:30px} .pg-contact{padding:56px 20px 20px} .pg-cgrid{grid-template-columns:1fr;margin-top:28px} .pg-legal .pg-hero{padding-bottom:50px} .pg-legal .pg-body{padding-bottom:70px} } .pg-h2{font-family:var(--an);font-weight:400;text-transform:uppercase;font-size:clamp(32px,3.1vw,48px);line-height:1;color:var(--kd);margin:10px 0 28px} .pg-ctawrap{padding-top:10px;padding-bottom:90px} .pg-ctawrap .pg-ctas{margin-top:0} .pg-faq+.k-cta,.pg-body+.k-cta{border-top:0} .pg-cbody{padding-bottom:100px} @media (max-width:820px){.pg-ctawrap{padding-bottom:60px}.pg-cbody{padding-bottom:60px}} .pg-vids{background:var(--kd);color:var(--ki);padding:84px 80px 96px} .pg-vids .k-label{margin-bottom:26px;color:#cfcbd8} .pg-vgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px} .pg-vgrid.one{grid-template-columns:1fr;max-width:1100px} .pg-yt{margin:0} .pg-yt.wide{grid-column:1/-1} .pg-yt a,.pg-yt iframe{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#1a1822;border:0} .pg-yt img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .3s;filter:brightness(.86)} .pg-yt a:hover img,.pg-yt a:focus-visible img{transform:scale(1.03);filter:brightness(1)} .pg-yt a:focus-visible{outline:3px solid #F01C9C;outline-offset:4px} .pg-play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:#F01C9C;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .25s} .pg-play svg{margin-left:4px} .pg-yt a:hover .pg-play{transform:scale(1.08)} .pg-yt figcaption{margin-top:14px;font-family:var(--mo);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#cfcbd8;line-height:1.6} @media (max-width:820px){.pg-vids{padding:52px 20px 60px}.pg-vgrid{grid-template-columns:1fr;gap:28px}.pg-yt a,.pg-yt iframe{border-radius:12px}.pg-play{width:60px;height:60px;margin:-30px 0 0 -30px}} @media (prefers-reduced-motion:reduce){.pg-yt img{transition:none}}