.mrk-portfolio,.mrk-portfolio *{box-sizing:border-box}.mrk-portfolio{--mrk-purple:#4225c9;--mrk-violet:#7140ee;--mrk-ink:#101012;--mrk-paper:#fbfaf7;--mrk-lime:#d9ff8c;--mrk-line:#ddd8e4;color:var(--mrk-ink);font-family:"Plus Jakarta Sans",Arial,sans-serif}.mrk-portfolio img{max-width:100%}.mrk-portfolio a{text-decoration:none}.mrk-portfolio-wrap{position:relative;z-index:2;width:min(1180px,calc(100% - 48px));margin-inline:auto}
.mrk-portfolio-hero{position:relative;min-height:780px;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#fff 0%,#fbf9ff 58%,#f2ecff 100%)}.mrk-hero-grid{min-height:780px;padding:115px 0 80px;display:grid;grid-template-columns:minmax(360px,.86fr) minmax(540px,1.14fr);align-items:center;gap:clamp(40px,6vw,85px)}.mrk-kicker{display:flex;align-items:center;gap:12px;margin-bottom:25px;color:#56515d;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.mrk-kicker-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--mrk-purple);box-shadow:0 0 0 7px rgba(113,64,238,.12),0 0 28px rgba(113,64,238,.62)}
.mrk-hero-copy h1,.mrk-projects h2,.mrk-method h2{margin:0!important;color:var(--mrk-ink)!important;font-family:"Plus Jakarta Sans",Arial,sans-serif!important;font-weight:700!important;line-height:.91!important;letter-spacing:-.065em!important}.mrk-hero-copy h1{font-size:clamp(58px,6vw,96px)!important}.mrk-hero-copy h1 em,.mrk-projects h2 em,.mrk-method h2 em{display:block;margin-top:14px;color:var(--mrk-purple)!important;font-family:"Cormorant Garamond",Georgia,serif!important;font-style:italic!important;font-weight:500!important;line-height:.82!important;letter-spacing:-.04em!important}.mrk-hero-copy p{max-width:590px;margin:34px 0 24px!important;color:#57525d;font-size:15px;line-height:1.75}.mrk-hero-tags,.mrk-project-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:28px}.mrk-hero-tags span,.mrk-project-tags span{padding:8px 11px;border:1px solid #bbb5c3;border-radius:999px;background:rgba(255,255,255,.5);font-size:8px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.mrk-button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:22px!important;min-height:50px;padding:14px 22px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:999px!important;color:#fff!important;font-size:11px!important;font-weight:800!important;line-height:1!important;letter-spacing:.045em!important;text-transform:uppercase!important;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,filter .35s ease!important}.mrk-button--purple{background:linear-gradient(115deg,#855dff,#6035df 52%,#4225c9)!important;box-shadow:0 14px 30px rgba(68,37,201,.28),inset 0 1px 0 rgba(255,255,255,.2)!important}.mrk-button:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:radial-gradient(circle at 18% 0,rgba(255,255,255,.26),transparent 43%)}.mrk-button:after{content:"";position:absolute;top:-110%;left:-55%;width:38%;height:320%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.27),transparent);transform:rotate(22deg);transition:left .72s cubic-bezier(.16,1,.3,1)}.mrk-button:hover,.mrk-button:focus-visible{color:#fff!important;transform:translateY(-3px);filter:brightness(1.07);box-shadow:0 20px 40px rgba(56,27,135,.34)!important;outline:3px solid rgba(66,37,201,.25);outline-offset:4px}.mrk-button:hover:after,.mrk-button:focus-visible:after{left:125%}.mrk-button b{font-size:18px;font-weight:500;line-height:1;transition:transform .3s}.mrk-button:hover b{transform:translateX(4px)}
.mrk-hero-visual{--mrk-rx:0deg;--mrk-ry:0deg;position:relative;height:555px;perspective:1400px}.mrk-visual-grid{position:absolute;inset:15px -15px 35px 20px;background-image:linear-gradient(rgba(66,37,201,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(66,37,201,.075) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(135deg,#000,transparent 82%);transform:rotate(-3deg)}.mrk-visual-glow{position:absolute;width:430px;height:430px;right:2%;top:55px;border-radius:50%;background:radial-gradient(circle,rgba(113,64,238,.48),rgba(113,64,238,.16) 42%,transparent 70%);animation:mrk-glow 6s ease-in-out infinite}.mrk-browser{position:absolute;width:94%;height:450px;right:0;top:55px;overflow:hidden;border:7px solid #17161a;border-radius:20px;background:#fff;box-shadow:22px 24px 0 var(--mrk-violet),0 42px 76px rgba(43,22,91,.23);transform:rotateX(var(--mrk-rx)) rotateY(var(--mrk-ry)) rotate(-1deg);transform-style:preserve-3d;transition:transform .2s ease,box-shadow .35s}.mrk-browser:hover{box-shadow:27px 29px 0 var(--mrk-violet),0 48px 85px rgba(43,22,91,.28)}.mrk-browser-bar{height:34px;padding:0 13px;display:flex;align-items:center;gap:6px;background:#f3f1ee}.mrk-browser-bar i{width:7px;height:7px;border-radius:50%;background:#ff7165}.mrk-browser-bar i:nth-child(2){background:#ffc75b}.mrk-browser-bar i:nth-child(3){background:#6bc980}.mrk-browser-bar small{margin-left:9px;color:#918c95;font-size:7px;letter-spacing:.04em}.mrk-browser>img{display:block;width:100%;height:calc(100% - 34px);object-fit:cover;object-position:center top;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.mrk-browser:hover>img{transform:scale(1.035)}.mrk-floating-note{position:absolute;z-index:5;right:-12px;bottom:4px;padding:16px 19px;border:1px solid rgba(255,255,255,.7);border-radius:10px;background:rgba(255,255,255,.84);box-shadow:0 16px 38px rgba(45,25,95,.18);backdrop-filter:blur(14px);animation:mrk-float 4.6s ease-in-out infinite}.mrk-floating-note strong,.mrk-floating-note small{display:block}.mrk-floating-note strong{font-size:11px}.mrk-floating-note small{margin-top:5px;color:var(--mrk-purple);font-size:7px;font-weight:800;letter-spacing:.1em}.mrk-orb{position:absolute;border-radius:50%;opacity:.5}.mrk-orb--left{width:280px;height:280px;left:-190px;bottom:65px;background:#afc0ff}.mrk-orb--right{width:300px;height:300px;right:-205px;top:120px;background:#d9b7ff}
.mrk-projects{padding:120px 0 95px;background:var(--mrk-paper)}.mrk-projects-head{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:clamp(50px,8vw,110px)}.mrk-projects h2,.mrk-method h2{font-size:clamp(50px,5.3vw,78px)!important}.mrk-projects-head>p,.mrk-method-head>p{margin:0!important;color:#625e68;font-size:14px;line-height:1.78}.mrk-filters{margin:58px 0 28px;display:flex;flex-wrap:wrap;gap:8px}.mrk-filters button{padding:11px 17px;border:1px solid #c6c1cb;border-radius:999px;background:transparent;color:#554f5b;font:700 9px/1 "Plus Jakarta Sans",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:.3s}.mrk-filters button:hover,.mrk-filters button:focus-visible,.mrk-filters button.is-active{border-color:var(--mrk-purple);color:#fff;background:var(--mrk-purple);box-shadow:0 10px 24px rgba(66,37,201,.23);transform:translateY(-2px);outline:none}
.mrk-project-list{margin-top:26px}.mrk-project{min-height:430px;padding:48px 0;display:grid;grid-template-columns:1.23fr .77fr;align-items:center;gap:clamp(48px,8vw,110px);border-top:1px solid var(--mrk-line);transition:opacity .35s,transform .45s}.mrk-project:nth-child(even){grid-template-columns:.77fr 1.23fr}.mrk-project:nth-child(even) .mrk-project-image{order:2}.mrk-project.is-hidden{display:none}.mrk-project-image{position:relative;height:340px;overflow:hidden;border-radius:16px;background:linear-gradient(135deg,#eee9ff,#f5ffd9);box-shadow:0 22px 45px rgba(44,28,79,.08)}.mrk-project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 58%,rgba(113,64,238,.25));opacity:0;transition:.5s}.mrk-project-image:hover:after{opacity:1}.mrk-project-image img,.mrk-image-placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.mrk-project-image:hover img{transform:scale(1.055)}.mrk-project-number{position:absolute;z-index:2;top:18px;left:18px;display:grid;width:43px;height:43px;place-items:center;border-radius:50%;color:#fff;background:var(--mrk-purple);box-shadow:0 10px 25px rgba(66,37,201,.32);font-size:9px;font-weight:800}.mrk-project-copy{max-width:450px}.mrk-project-category{margin-bottom:13px;color:#6c6671;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.mrk-project-copy h3{margin:0 0 20px!important;font-family:"Plus Jakarta Sans",Arial,sans-serif!important;font-size:clamp(38px,4vw,59px)!important;font-weight:600!important;line-height:.94!important;letter-spacing:-.06em!important}.mrk-project-copy h3 a{color:var(--mrk-ink)!important}.mrk-project-copy>p{margin:0 0 22px!important;color:#625d67;font-size:13px;line-height:1.76}.mrk-project-tags{margin-bottom:24px}.mrk-project-link{display:inline-flex;align-items:center;gap:15px;color:var(--mrk-purple)!important;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mrk-project-link b{font-size:17px;font-weight:500;transition:transform .3s}.mrk-project-link:hover b,.mrk-project-link:focus-visible b{transform:translateX(6px)}.mrk-empty{padding:70px 0;text-align:center;color:#666}
.mrk-method{padding:115px 0;background:linear-gradient(135deg,#f1edff,#fbfaf7 58%,#efffce)}.mrk-method-head{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:clamp(55px,8vw,110px)}.mrk-method-steps{margin-top:65px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cec8d6;border-left:1px solid #cec8d6}.mrk-method-steps span{padding:24px;border-right:1px solid #cec8d6;border-bottom:1px solid #cec8d6;font-size:12px;font-weight:700}.mrk-method-steps b{display:block;margin-bottom:20px;color:var(--mrk-purple);font-size:10px}
.mrk-reveal{opacity:0;transform:translateY(42px);transition:opacity .85s ease,transform .85s cubic-bezier(.16,1,.3,1)}.mrk-reveal.is-visible{opacity:1;transform:none}@keyframes mrk-float{50%{transform:translateY(-12px) rotate(-.6deg)}}@keyframes mrk-glow{50%{transform:scale(1.1);opacity:.7}}
@media(max-width:900px){.mrk-hero-grid{min-height:auto;padding-top:100px;grid-template-columns:1fr}.mrk-hero-copy{text-align:center}.mrk-hero-copy .mrk-kicker,.mrk-hero-tags{justify-content:center}.mrk-hero-copy p{margin-left:auto!important;margin-right:auto!important}.mrk-hero-visual{width:min(720px,100%);height:520px;margin:auto}.mrk-projects-head,.mrk-method-head{grid-template-columns:1fr;gap:30px}.mrk-project,.mrk-project:nth-child(even){grid-template-columns:1fr;gap:35px}.mrk-project:nth-child(even) .mrk-project-image{order:0}.mrk-method-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.mrk-portfolio-wrap{width:min(100% - 28px,1180px)}.mrk-hero-grid{padding:75px 0 55px}.mrk-hero-copy h1{font-size:52px!important}.mrk-hero-copy p{font-size:14px}.mrk-hero-visual{height:350px;margin-top:20px}.mrk-browser{height:280px;top:38px;border-width:5px;border-radius:15px;box-shadow:13px 14px 0 var(--mrk-violet),0 30px 55px rgba(43,22,91,.2)}.mrk-visual-glow{width:280px;height:280px}.mrk-floating-note{right:0;bottom:0}.mrk-projects{padding:80px 0 65px}.mrk-projects h2,.mrk-method h2{font-size:44px!important}.mrk-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px;scrollbar-width:none}.mrk-filters button{white-space:nowrap}.mrk-project{min-height:0;padding:38px 0}.mrk-project-image{height:245px}.mrk-project-copy h3{font-size:40px!important}.mrk-method{padding:80px 0}.mrk-method-steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.mrk-portfolio *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.mrk-browser{transform:rotate(-1deg)}}