.mk-screen{background:#fff;position:relative;overflow:hidden;container-type:inline-size}.mk-laptop{--w:min(760px, 88vw);--r:calc(var(--w) * .0125);width:var(--w);perspective:1700px;max-width:100%}.mk-laptop-lid{border-radius:var(--r) var(--r) calc(var(--w) * .002) calc(var(--w) * .002);padding:calc(var(--w) * .0135) calc(var(--w) * .0135) calc(var(--w) * .026);box-shadow:0 calc(var(--w) * .052) calc(var(--w) * .085) #00000052, 0 calc(var(--w) * .012) calc(var(--w) * .02) #0000003d, inset 0 1px 0 #ffffff3d, inset 0 -1px 0 #ffffff14;transform:rotateX(var(--tilt,6deg));transform-origin:bottom;background:linear-gradient(101deg,#9aa1a9 0 .35%,#4c525a 1.2%,#2b3036 3%,#1c1f24 50%,#2f343a 97%,#545b63 98.8%,#9aa1a9 99.65% 100%);position:relative}.mk-laptop-lid:before{content:"";top:calc(var(--w) * .0055);width:calc(var(--w) * .0055);height:calc(var(--w) * .0055);background:radial-gradient(circle at 35% 30%,#4b5a6b,#0a0c0f 70%);border-radius:50%;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff1a}.mk-laptop .mk-screen{border-radius:calc(var(--w) * .005);aspect-ratio:16/10;box-shadow:0 0 0 1px #000000a8, inset 0 0 calc(var(--w) * .05) #0000001a}.mk-laptop .mk-screen:after,.mk-phone3d .mk-screen:after{content:"";z-index:4;pointer-events:none;background:linear-gradient(101deg,#ffffff14 0 22%,#ffffff05 34%,#0000 46%);position:absolute;inset:0}.mk-laptop-base{height:calc(var(--w) * .0185);margin:0 calc(var(--w) * -.042);border-radius:0 0 calc(var(--w) * .011) calc(var(--w) * .011);box-shadow:0 calc(var(--w) * .03) calc(var(--w) * .05) #0005, inset 0 1px 0 #ffffff4d;background:linear-gradient(#aab1b9 0 6%,#6a7079 22%,#3a3f45 58%,#1d2024);position:relative}.mk-laptop-base:before{content:"";border-radius:0 0 calc(var(--w) * .006) calc(var(--w) * .006);background:linear-gradient(#0f1113,#23272c);width:14%;height:42%;position:absolute;top:0;left:50%;transform:translate(-50%)}.mk-laptop-base:after{content:"";left:4%;right:4%;bottom:calc(var(--w) * -.016);height:calc(var(--w) * .016);filter:blur(calc(var(--w) * .004));background:radial-gradient(60% 100% at 50% 0,#00000059,#0000 70%);position:absolute}.mk-phone3d{--w:300px;width:var(--w);border-radius:calc(var(--w) * .152);max-width:100%;padding:calc(var(--w) * .0315);box-shadow:0 calc(var(--w) * .11) calc(var(--w) * .2) #00000059, 0 calc(var(--w) * .022) calc(var(--w) * .05) #00000045, inset 0 0 0 1px #ffffff2e, inset 0 1px 0 #ffffff59;background:linear-gradient(118deg,#b9c0c8 0 1.5%,#5c636c 4%,#2d3238 14%,#23272c 50%,#3b4147 84%,#767d86 95%,#c3cad2 99% 100%);position:relative}.mk-phone3d:before,.mk-phone3d:after{content:"";width:calc(var(--w) * .0115);border-radius:calc(var(--w) * .004);background:linear-gradient(90deg,#8d949c,#3d434a 60%,#23272c);position:absolute}.mk-phone3d:before{left:calc(var(--w) * -.0075);background-image:linear-gradient(#8d949c 0 9%,#0000 9% 20%,#8d949c 20% 52%,#0000 52% 62%,#8d949c 62% 100%);height:30%;top:17%}.mk-phone3d:after{right:calc(var(--w) * -.0075);height:15%;top:27%}.mk-phone3d .mk-screen{border-radius:calc(var(--w) * .122);aspect-ratio:9/19.5;box-shadow:0 0 0 calc(var(--w) * .008) #07080a, inset 0 0 calc(var(--w) * .08) #00000014}.mk-island{top:calc(var(--w) * .062);width:30%;height:calc(var(--w) * .072);border-radius:calc(var(--w) * .05);z-index:3;background:#06070a;position:absolute;left:50%;transform:translate(-50%)}.mk-island:after{content:"";width:calc(var(--w) * .026);height:calc(var(--w) * .026);background:radial-gradient(circle at 34% 30%,#2f4e6b 0 22%,#0b1219 60%,#05070a 100%);border-radius:50%;position:absolute;top:50%;right:14%;transform:translateY(-50%);box-shadow:inset 0 0 0 1px #ffffff1a}.mk-glare{z-index:5;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,#ffffff1f 0 12%,#ffffff0a 20%,#0000 34% 76%,#ffffff0f 88%,#ffffff05 100%);position:absolute;inset:0}.mk-stack{perspective:1800px;justify-content:center;align-items:flex-start;gap:clamp(8px,2vw,26px);display:flex;position:relative}.mk-stack>*{transform:rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg)) rotateZ(var(--rz,0deg)) translateY(var(--ty,0))}.mk-card{background:#fbfaf7;border:1px solid #d6d5cf;flex-direction:column;min-width:0;transition:border-color .18s,transform .22s,box-shadow .22s;display:flex;overflow:hidden}.mk-card:hover{border-color:#a82b1b;transform:translateY(-3px);box-shadow:0 16px 36px #34392718}.mk-card-scene{background:radial-gradient(120% 120% at 50% 0%, var(--sc-bg-1,#2b2f36), var(--sc-bg-2,#12141a) 75%);justify-content:center;align-items:flex-end;min-width:0;height:260px;padding:26px 26px 22px;display:flex;position:relative;overflow:hidden}.mk-card-scene .mk-laptop{--w:300px}.mk-card-scene .mk-phone3d{--w:152px;align-self:flex-start}.mk-card-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--sc-ink,#fff);opacity:.72;font-size:.68rem;position:absolute;top:16px;left:18px}.mk-card-body{flex-direction:column;flex:1;padding:22px 24px 24px;display:flex}.mk-card-body :is(h2,h3){letter-spacing:-.04em;font-size:1.4rem;line-height:1.25}.mk-card-tagline{color:#a82b1b;margin-top:8px;font-family:Spectral,Georgia,serif;font-size:1.1rem}.mk-card-body p{color:#555d55;flex:1;margin-top:12px;font-size:1rem}.mk-card-foot{border-top:1px solid #e0dfd7;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding-top:15px;font-size:.85rem;display:flex}.mk-card-foot span:last-child{color:#a82b1b;white-space:nowrap}.mk-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}@media (width>=901px){.mk-gallery>.mk-card:last-child:nth-child(odd){flex-direction:row;grid-column:1/-1}.mk-gallery>.mk-card:last-child:nth-child(odd) .mk-card-scene{flex:0 0 calc(50% - 14px);height:auto;min-height:300px}}@media (width<=560px){.mk-card-scene{padding-top:44px}}@media (width<=900px){.mk-gallery{grid-template-columns:minmax(0,1fr)}.mk-gallery>*{width:100%;max-width:560px;margin-inline:auto}}.mk-page{background:#e9e9df;min-height:100vh}.concept-banner{color:#fff;background:#202b24;justify-content:space-between;align-items:center;gap:20px;padding:14px 5%;font-size:.85rem;display:flex}.concept-banner a{white-space:nowrap;text-decoration:underline}.concept-banner .concept-home{font-weight:500;text-decoration:none}.concept-banner a:focus-visible{outline-color:#fff}.mk-shell{width:min(1180px,92%);margin-inline:auto}.mk-scene{--sc-bg-1:#2b2f36;--sc-bg-2:#12141a;--sc-ink:#fff;--sc-accent:#a82b1b;--sc-muted:#ffffffa8;isolation:isolate;background:radial-gradient(120% 90% at 50% -10%, var(--sc-bg-1), var(--sc-bg-2) 70%);color:var(--sc-ink);text-align:center;padding:clamp(40px,6vw,78px) clamp(20px,4vw,56px) clamp(44px,6vw,72px);position:relative;overflow:hidden}.mk-scene:before{content:"";z-index:-1;background:radial-gradient(50% 60% at 30% 40%, color-mix(in srgb, var(--sc-ink) 15%, transparent), transparent 70%), radial-gradient(45% 55% at 75% 30%, color-mix(in srgb, var(--sc-ink) 10%, transparent), transparent 70%);filter:blur(6px);height:70%;position:absolute;inset:-20% -10% auto}.mk-lockup{justify-content:center;margin-bottom:20px;font-size:clamp(1.1rem,1.7vw,1.45rem);display:flex}.mk-pill{border:1px solid;border-color:color-mix(in srgb, var(--sc-ink) 34%, transparent);letter-spacing:.15em;text-transform:uppercase;color:var(--sc-muted);border-radius:99px;align-items:center;gap:9px;padding:6px 15px;font-size:.68rem;display:inline-flex}.mk-pill i{background:var(--sc-accent);border-radius:50%;width:5px;height:5px}.mk-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--sc-muted);margin-top:16px;font-size:.72rem}.mk-scene h1{letter-spacing:-.045em;max-width:20ch;margin:14px auto 0;font-size:clamp(1.9rem,3.6vw,3.1rem);line-height:1.05}.mk-scene h1 em{color:var(--sc-accent);font-family:Spectral,Georgia,serif;font-style:normal}.mk-scene-sub{color:var(--sc-muted);max-width:54ch;margin:18px auto 0;font-size:1rem}.mk-stagearea{justify-content:center;margin-top:clamp(34px,5vw,58px);display:flex;position:relative}.mk-beam{z-index:-1;pointer-events:none;opacity:var(--sc-beam,.34);background:linear-gradient(104deg, transparent 30%, var(--sc-accent) 48%, transparent 66%);filter:blur(58px);position:absolute;inset:18% -25% -20%}.mk-floor{z-index:-1;pointer-events:none;height:46%;position:absolute;inset:auto 0 0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 45%,#0000);mask-image:linear-gradient(#0000,#000 45%,#0000)}.mk-floor:before{content:"";background-image:linear-gradient(var(--sc-ink) 1px, transparent 1px), linear-gradient(90deg, var(--sc-ink) 1px, transparent 1px);opacity:.1;background-size:62px 62px;position:absolute;inset:-60% -40% 0;transform:perspective(520px)rotateX(74deg)}.mk-podium{background:radial-gradient(closest-side, color-mix(in srgb, var(--sc-ink) 34%, transparent), transparent 72%);filter:blur(14px);z-index:-1;border-radius:50%;width:min(78%,780px);height:70px;position:absolute;bottom:-6%;left:50%;transform:translate(-50%)}.mk-pedestal{aspect-ratio:6;z-index:-1;background:linear-gradient(180deg, color-mix(in srgb, var(--sc-ink) 12%, transparent), color-mix(in srgb, var(--sc-ink) 3%, transparent));border:1px solid color-mix(in srgb, var(--sc-ink) 16%, transparent);width:min(58%,540px);box-shadow:0 26px 50px #00000040, inset 0 1px 0 color-mix(in srgb, var(--sc-ink) 24%, transparent);border-radius:50%;position:absolute;bottom:-3%;left:50%;transform:translate(-50%)}.mk-pedestal:after{content:"";background:radial-gradient(closest-side, var(--sc-accent), transparent 72%);opacity:.55;filter:blur(9px);border-radius:50%;height:55%;position:absolute;inset:auto 8% -22%}.mk-badges{flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-top:clamp(30px,4vw,48px);font-size:.86rem;display:flex}.mk-badges>span{color:var(--sc-ink);align-items:center;gap:10px;display:inline-flex}.mk-badges>span+span{border-left:1px solid color-mix(in srgb, var(--sc-ink) 22%, transparent);padding-left:26px}.mk-badges svg{width:19px;height:19px;stroke:var(--sc-accent);fill:none;stroke-width:1.7px;flex:none}.mk-badges b{font-weight:500}.mk-client{letter-spacing:.12em;text-transform:uppercase;color:var(--sc-muted);justify-content:center;align-items:center;gap:14px;margin-top:26px;font-size:.76rem;display:flex}.mk-client b{color:var(--sc-ink);letter-spacing:.08em;font-weight:500}.mk-client em{font-family:inherit;font-style:normal;font-weight:inherit;color:inherit;text-transform:none;letter-spacing:.04em}.mk-client span{background:color-mix(in srgb, var(--sc-ink) 30%, transparent);width:1px;height:13px}.mk-float{background:color-mix(in srgb, var(--sc-ink) 9%, transparent);border:1px solid color-mix(in srgb, var(--sc-ink) 19%, transparent);backdrop-filter:blur(9px);text-align:left;border-radius:14px;width:max-content;max-width:215px;padding:13px 16px;position:absolute;box-shadow:0 18px 40px #00000030}.mk-float b{font-size:.92rem;font-weight:500;display:block}.mk-float small{color:var(--sc-muted);font-size:.76rem}.mk-float-icon{align-items:center;gap:12px;min-width:170px;display:flex}.mk-float-l{margin-right:15px;right:100%}.mk-float-r{margin-left:15px;left:100%}.mk-float-icon>i{background:color-mix(in srgb, var(--sc-accent) 26%, transparent);border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.mk-float-icon svg{width:17px;height:17px;stroke:var(--sc-accent);fill:none;stroke-width:1.8px}.mk-float .mk-spark{width:100%;height:26px;margin-top:8px;display:block;overflow:visible}.mk-float .mk-spark path{fill:none;stroke:var(--sc-accent);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.mk-float .mk-delta{color:var(--sc-accent);font-size:.74rem}.mk-brief{grid-template-columns:1.15fr 1fr;gap:56px;padding:64px 0 10px;display:grid}.mk-brief h2{font-size:clamp(2.3rem,4.4vw,3.6rem)}.mk-brief>div>p{color:#555d55;max-width:46ch;margin-top:20px}.mk-tags{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.mk-tags span{letter-spacing:.06em;text-transform:uppercase;color:#555d55;border:1px solid #b7bbaa;padding:6px 11px;font-size:.72rem}.mk-spec{align-self:end;display:grid}.mk-spec>div{border-top:1px solid #c3c7b7;justify-content:space-between;gap:18px;padding:13px 0;font-size:.92rem;display:flex}.mk-spec b{color:#555d55;font-weight:500}.mk-stage{background:#fff;border:1px solid #d6d5cf;margin-top:34px;overflow:hidden;box-shadow:0 26px 70px #3439271f}.mk-stage-label{letter-spacing:.09em;text-transform:uppercase;color:#5c625c;justify-content:space-between;align-items:center;gap:16px;padding:34px 0 12px;font-size:.72rem;display:flex}.mk-browser{background:#fff}.mk-browser-bar{color:#5c625c;background:#e4e4dc;border-bottom:1px solid #d0d0c6;align-items:center;gap:12px;padding:11px 16px;font-size:.7rem;display:flex}.mk-dots{flex-shrink:0;gap:6px;display:flex}.mk-dots i{background:#b9b9ae;border-radius:50%;width:9px;height:9px;display:block}.mk-url{text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#f6f6f1;border:1px solid #d5d5c9;border-radius:30px;flex:1;padding:5px 14px;overflow:hidden}.mk-phone{background:#16181a;border-radius:42px;width:330px;max-width:100%;margin-inline:auto;padding:11px;box-shadow:0 24px 60px #1b1d1a38}.mk-phone-screen{background:#fff;border-radius:32px;position:relative;overflow:hidden}.mk-notch{z-index:5;background:#16181a;border-radius:20px;width:92px;height:24px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.mk-status{justify-content:space-between;align-items:center;padding:14px 20px 6px;font-size:.68rem;font-weight:500;display:flex}.mk-home-bar{background:#1b1d1a2e;border-radius:3px;width:120px;height:5px;margin:8px auto 10px}.mk-rationale{padding:54px 0 64px}.mk-rationale h2{letter-spacing:-.03em;margin-bottom:26px;font-size:1.7rem}.mk-rationale-grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.mk-rationale article{border-top:1px solid #a9ad9b;padding-top:18px}.mk-rationale strong{margin-bottom:8px;font-weight:500;display:block}.mk-rationale p{color:#555d55;font-size:1rem}.mk-close{border-top:1px solid #b7bbaa;grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;padding:48px 0 62px;display:grid}.mk-close h2{font-size:2.2rem}.mk-close p{color:#555d55;max-width:52ch;margin-top:16px}.mk-next{padding-bottom:70px}.mk-next h2{letter-spacing:-.02em;margin-bottom:18px;font-size:1.1rem}.mk-next ul{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.mk-next a{background:#f1f0ec;border:1px solid #c3c7b7;padding:18px;transition:border-color .18s,transform .18s;display:block}.mk-next a:hover{border-color:#a82b1b;transform:translateY(-2px)}.mk-next b{font-weight:500;display:block}.mk-next small{color:#626762}@media (width<=1360px){.mk-float-l,.mk-float-r{display:none}}@media (width<=1100px){.mk-next ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.mk-float{display:none}.mk-brief,.mk-close{grid-template-columns:minmax(0,1fr);gap:28px}.mk-rationale-grid,.mk-gallery{grid-template-columns:minmax(0,1fr)}}@media (width<=620px){.mk-next ul{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.concept-banner{font-size:.75rem}.mk-shell{width:calc(100% - 32px)}.mk-brief{padding-top:40px}.mk-scene h1{max-width:none}.mk-browser-bar{padding:9px 12px}.mk-url{font-size:.62rem}.mk-close h2{font-size:1.8rem}.mk-badges{gap:10px 18px;font-size:.78rem}.mk-badges>span+span{border-left:0;padding-left:0}.mk-client{flex-direction:column;gap:4px;margin-top:20px}.mk-client span{display:none}.mk-stage-label{flex-wrap:wrap;row-gap:4px}}