/* Single team-member template. All rules are scoped to its own layout. */
@font-face {
  font-family: Peyda;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://honarekhalagh.com/wp-content/uploads/2024/12/Vazirmatn-FD-Regular.ttf') format('truetype');
}
@font-face {
  font-family: Peyda;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('https://honarekhalagh.com/wp-content/uploads/2024/12/Vazirmatn-Bold.ttf') format('truetype');
}

.mmtp-profile {
  --mmtp-bg: #151515;
  --mmtp-card: #191919;
  --mmtp-gold: #bc9551;
  --mmtp-text: #f5f5f5;
  --mmtp-muted: #d8d8d8;
  --mmtp-dim: #a7a7a7;
  --mmtp-border: #34312c;
  --mmtp-ease: cubic-bezier(.22, 1, .36, 1);
  --mmtp-card-gap: 25px;
  color: var(--mmtp-text);
  background: var(--mmtp-bg);
  padding: clamp(64px, 5vw, 90px) clamp(20px, 4.4vw, 84px) 92px;
  min-height: 75vh;
  font-family: "Peyda", Tahoma, sans-serif;
  direction: rtl;
  line-height: 1.8;
  isolation: isolate;
  overflow-x: clip;
}
.mmtp-profile *, .mmtp-profile *::before, .mmtp-profile *::after { box-sizing: border-box; }
.mmtp-profile__inner { width: min(100%, 1210px); margin-inline: auto; }
.mmtp-profile :is(h1, h2, h3, p, blockquote) { margin: 0; padding: 0; font-family: inherit; }
.mmtp-profile :is(a, button) { font-family: inherit; }
.mmtp-profile a { text-decoration: none; }
.mmtp-profile :is(a, button):focus-visible { outline: 2px solid #e7c78c; outline-offset: 4px; }
.mmtp-profile .mmtp-icon { display: inline-block; object-fit: contain; vertical-align: middle; }

/* Section headings: Persian title and very faint outlined English share the same layer. */
.mmtp-heading { position: relative; display: flex; align-items: center; min-height: 74px; isolation: isolate; }
.mmtp-heading__marker { display: none; }
.mmtp-heading__text { position: relative; z-index: 2; display: inline-flex; flex-direction: row; align-items: center; gap: 11px; min-width: 0; padding: 0; }
.mmtp-heading__text::before { content: ""; position: static; display: block; flex: 0 0 22px; width: 22px; height: 3px; border: 0; border-radius: 2px; background: var(--mmtp-gold); opacity: 1; transform: none; pointer-events: none; }
.mmtp-heading__fa { position: relative; z-index: 2; color: var(--mmtp-text); font-family: inherit; font-weight: 750; font-size: clamp(20px, 1.65vw, 25px); line-height: 1.6; text-align: right; }
.mmtp-heading__watermark { position: absolute; z-index: 0; top: 50%; right: 12px; transform: translateY(-50%); white-space: nowrap; font-family: Arial, sans-serif; font-weight: 750; font-size: clamp(52px, 6vw, 90px); line-height: 1; letter-spacing: 2px; color: transparent; -webkit-text-stroke: 1px rgba(188, 149, 81, .072); pointer-events: none; user-select: none; }
.mmtp-heading--hero { margin-bottom: 18px; min-height: 78px; }
.mmtp-heading--hero .mmtp-heading__fa { font-size: clamp(19px, 1.5vw, 23px); }
.mmtp-heading--hero .mmtp-heading__watermark { top: 50%; right: 12px; font-size: clamp(60px, 6.1vw, 90px); }

/* Hero with elevated photograph, architectural plate, discreet orbit lines. */
.mmtp-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(350px, 480px); align-items: center; gap: clamp(26px, 5vw, 90px); min-height: 534px; padding: 20px 0 56px; }
.mmtp-hero__copy { min-width: 0; }
.mmtp-hero h1 { font-size: clamp(36px, 4.35vw, 61px); font-weight: 900; line-height: 1.3; margin-bottom: 6px; letter-spacing: -.5px; color: var(--mmtp-text); overflow-wrap: anywhere; }
.mmtp-hero__name-en { font: 500 13px/1.5 Arial, sans-serif !important; letter-spacing: 1.6px; color: #aaa5a0; direction: ltr; text-align: right; margin-bottom: 12px !important; }
.mmtp-hero__role { font-size: clamp(18px, 2.1vw, 27px); font-weight: 750; color: var(--mmtp-gold); }
.mmtp-short-rule { display: block; width: 52px; height: 2px; background: var(--mmtp-gold); margin: 24px 0 19px; }
.mmtp-hero__summary { max-width: 570px; font-size: clamp(14px, 1.3vw, 17px); line-height: 2.15; font-weight: 400; color: var(--mmtp-muted); }
/* Editorial portrait: clean asymmetrical crop, one subtle gold edge and a discreet backplate. */
.mmtp-portrait { position: relative; display: grid; place-items: center; min-width: 0; width: min(100%, 465px); min-height: 504px; padding: 25px 27px 28px 10px; margin-inline-end: clamp(35px, 4vw, 65px); isolation: isolate; }
.mmtp-portrait__architecture { position: absolute; inset: 39px 34px 17px 6px; z-index: -1; border: 1px solid rgba(188,149,81,.20); border-radius: 32px 32px 78px 32px; background: linear-gradient(145deg, rgba(188,149,81,.08), rgba(188,149,81,.01) 46%, transparent), #1a1a1a; transform: translate(-10px, 9px); }
.mmtp-portrait__ring { display: flex; align-items: center; justify-content: center; width: min(100%, 390px); aspect-ratio: 4 / 4.75; overflow: hidden; position: relative; z-index: 2; border: 1px solid rgba(188,149,81,.42); border-radius: 32px 32px 82px 32px; background: #252321; box-shadow: 0 22px 60px rgba(0,0,0,.29); }
.mmtp-portrait__ring::after { content: ""; position: absolute; pointer-events: none; inset: auto 0 0; height: 72px; background: linear-gradient(0deg, rgba(12,12,12,.16), transparent); }
.mmtp-portrait__image { width: 100%; height: 100%; display: block; object-fit: cover; border: 0; border-radius: 0; transform: none; }
.mmtp-portrait__placeholder { width: 93px; height: 93px; opacity: .6; }

/* Old 132px circular ACF thumbnails are never stretched into a large editorial crop. */
.mmtp-portrait--legacy .mmtp-portrait__architecture { inset: 27px 10px 16px 8px; border: 0; background: radial-gradient(circle at 50% 45%, rgba(188,149,81,.09), transparent 67%); transform: none; }
.mmtp-portrait--legacy .mmtp-portrait__ring { width: min(100%, 245px); aspect-ratio: 1; border-radius: 50%; border: 0; box-shadow: 0 14px 45px rgba(0,0,0,.19); }
.mmtp-portrait--legacy .mmtp-portrait__ring::after { content: none; }
@media (max-width: 700px) { .mmtp-portrait--legacy { min-height: 300px; } .mmtp-portrait--legacy .mmtp-portrait__ring { width: min(100%, 210px); } }


/* Buttons preserve the supplied 154 x 66 SVG silhouette; hover uses color transitions only. */
.mmtp-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 11px; margin-top: 27px; }
.mmtp-profile .mmtp-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; isolation: isolate; width: 164px; min-height: 60px; padding: 8px 14px; font-size: 14px !important; font-weight: 750; line-height: 1.4; white-space: nowrap; border: 0; background: transparent !important; cursor: pointer; color: #171717 !important; transition: color .32s ease !important; }
.mmtp-profile .mmtp-btn--outline { color: #f0f0f0 !important; }
.mmtp-btn .mmtp-button-shape { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; }
.mmtp-btn .mmtp-button-shape path { transition: fill .32s ease, stroke .32s ease; }
.mmtp-btn--gold .mmtp-button-shape path { fill: var(--mmtp-gold); }
.mmtp-btn--outline .mmtp-button-shape path { fill: #151515; stroke: var(--mmtp-gold); }
.mmtp-btn > :not(.mmtp-button-shape) { position: relative; z-index: 1; }
.mmtp-btn .mmtp-icon { width: 16px; height: 16px; flex: 0 0 auto; transition: transform .32s var(--mmtp-ease), filter .32s ease; }
.mmtp-btn--gold .mmtp-icon { filter: brightness(0); }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .mmtp-profile .mmtp-btn--gold:hover .mmtp-button-shape path { fill: #d4ad6a; }
  .mmtp-profile .mmtp-btn--outline:hover { color: #151515 !important; }
  .mmtp-profile .mmtp-btn--outline:hover .mmtp-button-shape path { fill: var(--mmtp-gold); }
  .mmtp-profile .mmtp-btn--outline:hover .mmtp-icon { filter: brightness(0); }
  .mmtp-profile .mmtp-btn:hover .mmtp-icon { transform: translateX(-2px); }
}

/* Optional facts, biography, skills, social networks. */
.mmtp-facts { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,218px),1fr)); gap: 15px; margin-top: 7px; margin-bottom: 43px; }
.mmtp-fact { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; min-height: 138px; gap: 8px; padding: 19px 14px; background: var(--mmtp-card); border: 1px solid #292724; border-radius: 17px; }
.mmtp-fact .mmtp-icon { width: 27px; height: 27px; margin-bottom: 4px; }
.mmtp-fact__label { font-size: 13px; color: var(--mmtp-dim); }
.mmtp-fact__value { font-size: 15px; font-weight: 700; line-height: 1.6; color: var(--mmtp-text); overflow-wrap: anywhere; }
.mmtp-section { border-top: 1px solid var(--mmtp-border); padding: 37px 0 46px; }
.mmtp-section__head { margin-bottom: 26px; }
.mmtp-prose { max-width: 1100px; font-size: 16px; line-height: 2.35; color: var(--mmtp-muted); overflow-wrap: anywhere; }
.mmtp-prose p + p { margin-top: 15px; }
.mmtp-prose a { color: var(--mmtp-gold); text-decoration: underline; text-underline-offset: 3px; }
.mmtp-skills { display: flex; flex-wrap: wrap; gap: 11px; list-style: none; padding: 0; margin: 0; }
.mmtp-skills li { display: inline-flex; align-items: center; flex-direction: row; gap: 9px; min-height: 43px; border-radius: 100px; border: 1px solid #37332f; padding: 6px 18px; background: var(--mmtp-card); color: var(--mmtp-text); font-size: 14px; font-weight: 550; }
.mmtp-skills li span { width: 7px; height: 7px; border-radius: 50%; background: var(--mmtp-gold); flex: 0 0 7px; }
.mmtp-socials { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.mmtp-profile .mmtp-socials__link { display: inline-flex; align-items: center; gap: 12px; min-height: 54px; min-width: 150px; padding: 10px 15px; border: 1px solid #393128; border-radius: 15px; background: #191919; color: #eaeaea !important; font-size: 14px !important; font-weight: 650; transition: border-color .3s ease, background-color .3s ease, color .3s ease; }
.mmtp-socials__link .mmtp-icon { flex: 0 0 auto; width: 22px; height: 22px; }
.mmtp-socials__link .mmtp-icon:last-child { margin-inline-start: auto; width: 13px; height: 13px; transition: transform .3s var(--mmtp-ease); }
@media (hover:hover) and (pointer:fine) {
  .mmtp-profile .mmtp-socials__link:hover { border-color: var(--mmtp-gold); background: #242019; color: white !important; }
  .mmtp-profile .mmtp-socials__link:hover .mmtp-icon:last-child { transform: translateX(-2px); }
}
.mmtp-quote { display: flex; align-items: flex-start; gap: 18px; border: 1px solid #292724; border-radius: 16px; padding: 24px 28px !important; margin: 0 0 43px !important; background: var(--mmtp-card); }
.mmtp-quote .mmtp-icon { flex: 0 0 27px; }
.mmtp-quote p { color: #e2e2e2; line-height: 2.1; font-size: 16px; }

/* Cards match the existing Elementor loop 7519: 5/4/2 per row, 25px spacing, 45px/21px corners. */
.mmtp-others { border-top: 1px solid var(--mmtp-border); padding-top: 39px; }
.mmtp-others__heading { display: flex; align-items: center; justify-content: flex-start; gap: 18px; flex-wrap: wrap; }
.mmtp-others__heading-main { min-width: min(100%, 270px); }
.mmtp-carousel { position: relative; margin-top: 29px; }
.mmtp-carousel__viewport { overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; scroll-behavior: smooth; outline-offset: 5px; }
.mmtp-carousel__viewport::-webkit-scrollbar { display: none; }
.mmtp-carousel__track { position: relative; display: flex; align-items: stretch; gap: var(--mmtp-card-gap); width: 100%; }
.mmtp-profile .mmtp-team-card { display: flex; flex-direction: column; flex: 0 0 calc((100% - 4 * var(--mmtp-card-gap)) / 5); min-width: 0; min-height: clamp(260px, 20.84vw, 400px); align-items: center; justify-content: flex-start; text-align: center; padding: clamp(23px, 2.34vw, 45px) 13px 25px; border: 1px solid #191919; border-radius: clamp(23px, 2.34vw, 45px); background: #191919; color: #f5f5f5 !important; text-decoration: none !important; scroll-snap-align: start; transition: border-color .3s ease; }
.mmtp-team-card__photo { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: clamp(91px, 6.88vw, 132px); height: clamp(91px, 6.88vw, 132px); margin-bottom: clamp(22px, 2.08vw, 40px); overflow: hidden; border-radius: 50%; background: #24211f; border: 1.5px solid var(--mmtp-gold); }
.mmtp-team-card__photo--filled { border: 1px solid var(--mmtp-gold); background: transparent; }
.mmtp-team-card__img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; }
.mmtp-team-card__empty { display: block; width: 45px; height: 45px; object-fit: contain; }
.mmtp-profile .mmtp-team-card__name { display: block; width: 100%; margin: 0 !important; font-family: "Peyda", Tahoma, sans-serif; font-size: clamp(16px, 1.3vw, 25px) !important; font-weight: 800; line-height: 1.5; color: #f8f8f8 !important; overflow-wrap: anywhere; }
.mmtp-profile .mmtp-team-card__role { display: block; margin-top: clamp(10px, 1.04vw, 20px); font-family: "Peyda", Tahoma, sans-serif; font-size: clamp(13px, 1.04vw, 20px) !important; font-weight: 600; line-height: 1.5; color: #d8d8d8 !important; overflow-wrap: anywhere; }
.mmtp-team-card:hover, .mmtp-team-card:focus-visible { border-color: rgba(250,152,6,.60); }
.mmtp-carousel__arrow { position: absolute; z-index: 3; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 42px; height: 58px; border: 0; padding: 0; background: transparent !important; box-shadow: none !important; cursor: pointer; transition: opacity .25s ease; opacity: .9; }
.mmtp-carousel__arrow--prev { right: -43px; }
.mmtp-carousel__arrow--next { left: -43px; }
.mmtp-carousel__arrow .mmtp-icon { display: block; width: 29px; height: 29px; transition: transform .24s var(--mmtp-ease); }
.mmtp-carousel__arrow[hidden] { display: none !important; }
.mmtp-carousel__arrow:hover, .mmtp-carousel__arrow:focus-visible { background: transparent !important; opacity: 1; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .mmtp-carousel__arrow--prev:hover .mmtp-icon { transform: translateX(2px); }
  .mmtp-carousel__arrow--next:hover .mmtp-icon { transform: translateX(-2px); }
}
.mmtp-carousel__pagination { display: flex; align-items: center; justify-content: center; gap: 11px; padding: 21px 0 5px; }
.mmtp-carousel__dot { width: 7px; height: 7px; flex: 0 0 7px; border: 0; padding: 0; background: #5c5c5c; border-radius: 50%; cursor: pointer; transition: background-color .3s ease, transform .3s ease; }
.mmtp-carousel__dot[aria-current="true"] { background: var(--mmtp-gold); transform: scale(1.16); }
.mmtp-protected { padding: 35px 0; color: var(--mmtp-text); }

/* Entrance animations touch compositor-safe opacity/transform only; no per-item delays. */
@media (prefers-reduced-motion: no-preference) {
  .mmtp-hero__copy, .mmtp-portrait { animation: mmtp-enter .43s ease-out both; }
  @keyframes mmtp-enter { from { opacity: .80; transform: translate3d(0, 8px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }
  .mmtp-reveal { transition: opacity .40s ease-out, transform .40s var(--mmtp-ease); }
  .mmtp-reveal.mmtp-reveal--pending { opacity: .83; transform: translate3d(0, 8px, 0); }
}

@media (max-width: 1280px) {
  .mmtp-carousel__arrow--prev { right: -25px; }
  .mmtp-carousel__arrow--next { left: -25px; }
}
@media (max-width: 1090px) {
  .mmtp-profile .mmtp-team-card { flex-basis: calc((100% - 3 * var(--mmtp-card-gap)) / 4); }
  .mmtp-hero { grid-template-columns: minmax(0, 1fr) minmax(280px, 370px); gap: 24px; min-height: 430px; }
  .mmtp-portrait { min-height: 440px; width: min(100%, 370px); padding: 20px 24px 25px 9px; margin-inline-end: 28px; }
  .mmtp-portrait__ring { width: min(100%, 322px); }
}
@media (max-width: 700px) {
  .mmtp-profile { --mmtp-card-gap: 20px; padding: 34px 17px 68px; }
  .mmtp-hero { display: flex; flex-direction: column; align-items: stretch; gap: 7px; min-height: 0; padding: 0 0 32px; }
  .mmtp-portrait { order: -1; width: min(100%, 340px); min-height: 345px; padding: 17px 19px 18px 11px; margin: 0 auto 21px; }
  .mmtp-portrait__architecture { inset: 26px 27px 11px 1px; border-radius: 25px 25px 60px 25px; transform: translate(-5px, 6px); }
  .mmtp-portrait__ring { width: min(100%, 280px); aspect-ratio: 1 / 1.13; border-radius: 25px 25px 62px 25px; }
  .mmtp-heading { min-height: 64px; }
  .mmtp-heading__text { gap: 9px; }
  .mmtp-heading__text::before { flex-basis: 18px; width: 18px; height: 3px; }
  .mmtp-heading__fa { font-size: 21px; }
  .mmtp-heading__watermark { right: 8px; top: 50%; font-size: clamp(40px, 10vw, 56px); }
  .mmtp-heading--hero { margin-bottom: 14px; min-height: 64px; }
  .mmtp-heading--hero .mmtp-heading__watermark { right: 8px; top: 50%; font-size: clamp(42px, 10vw, 56px); }
  .mmtp-hero h1 { font-size: clamp(31px, 9vw, 39px); }
  .mmtp-hero__role { font-size: 19px; }
  .mmtp-hero__summary { font-size: 14px; line-height: 2.1; }
  .mmtp-short-rule { margin: 16px 0 15px; }
  .mmtp-actions { gap: 8px; margin-top: 22px; }
  .mmtp-profile .mmtp-btn { width: 145px; min-height: 54px; gap: 6px; padding: 7px; font-size: 13px !important; }
  .mmtp-facts { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin-bottom: 30px; }
  .mmtp-facts .mmtp-fact:nth-child(3):last-child { grid-column: 1 / -1; }
  .mmtp-fact { min-height: 122px; padding: 13px 8px; }
  .mmtp-fact__label { font-size: 12px; }
  .mmtp-fact__value { font-size: 13px; }
  .mmtp-section { padding: 30px 0 35px; }
  .mmtp-section__head { margin-bottom: 18px; }
  .mmtp-prose { font-size: 14px; line-height: 2.15; }
  .mmtp-skills { gap: 8px; }
  .mmtp-skills li { min-height: 36px; font-size: 12px; }
  .mmtp-socials { gap: 9px; }
  .mmtp-profile .mmtp-socials__link { min-width: 140px; font-size: 13px !important; min-height: 50px; }
  .mmtp-quote { padding: 19px !important; gap: 10px; }
  .mmtp-quote p { font-size: 14px; }
  .mmtp-others { padding-top: 30px; }
  .mmtp-others__heading { align-items: start; }
  .mmtp-profile .mmtp-team-card { flex-basis: calc((100% - var(--mmtp-card-gap)) / 2); min-height: clamp(240px, 73vw, 300px); padding: 24px 8px 17px; border-radius: clamp(18px, 5.1vw, 23px); }
  .mmtp-team-card__photo { width: clamp(78px, 23vw, 95px); height: clamp(78px, 23vw, 95px); margin-bottom: 28px; }
  .mmtp-profile .mmtp-team-card__name { font-size: clamp(12px, 3.4vw, 14px) !important; line-height: 1.6; }
  .mmtp-profile .mmtp-team-card__role { font-size: clamp(12px, 3.4vw, 14px) !important; margin-top: 13px; }
  .mmtp-carousel__arrow { width: 28px; height: 48px; }
  .mmtp-carousel__arrow--prev { right: -17px; }
  .mmtp-carousel__arrow--next { left: -17px; }
  .mmtp-carousel__arrow .mmtp-icon { width: 23px; height: 23px; }
  }
@media (max-width: 370px) {
  .mmtp-portrait { min-height: 310px; padding: 15px; }
  .mmtp-portrait__ring { width: min(100%, 254px); }
  .mmtp-profile .mmtp-btn { width: 137px; }
  .mmtp-profile .mmtp-team-card { min-height: 237px; }
  .mmtp-heading__watermark { font-size: 39px; right: 8px; }
  .mmtp-heading--hero .mmtp-heading__watermark { font-size: 42px; right: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .mmtp-profile *, .mmtp-profile *::before, .mmtp-profile *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .mmtp-profile .mmtp-reveal { opacity: 1 !important; transform: none !important; }
}
@media print {
  .mmtp-reveal { opacity: 1 !important; transform: none !important; }
  .mmtp-carousel__arrow, .mmtp-carousel__pagination { display: none !important; }
  .mmtp-carousel__viewport { overflow: visible; }
}

/* Participation portfolio: same portrait ratio and silhouette as the portfolio loop. */
.mmtp-projects { padding-bottom: 49px; }
.mmtp-projects__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: clamp(14px,2.1vw,28px); margin-top: 10px; }
.mmtp-profile .mmtp-project-card { position: relative; display: block; min-width: 0; width: 100%; aspect-ratio: 388 / 561; overflow: hidden; isolation: isolate; text-align: right; color: #fff !important; background: linear-gradient(155deg,#302b24,#151515 70%); border-radius: 28px 28px 58px 28px; -webkit-mask-image: url('portfolio-mask.svg'); mask-image: url('portfolio-mask.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; }
.mmtp-project-card__media { position: absolute; inset: 0; display: block; overflow: hidden; }
.mmtp-project-card__image { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; transition: transform .46s var(--mmtp-ease), filter .46s ease; }
.mmtp-project-card__shade { position: absolute; z-index: 1; inset: 0; background: linear-gradient(180deg,rgba(10,10,10,.02) 14%,rgba(10,10,10,.1) 37%,rgba(13,13,13,.75) 100%); pointer-events: none; transition: background-color .34s ease; }
.mmtp-profile .mmtp-project-card__title { position: absolute; z-index: 2; inset-inline: 15px; bottom: 63px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0; font-size: clamp(14px,1.34vw,19px) !important; font-weight: 750; line-height: 1.7; color: #fff !important; text-align: right; text-shadow: 0 2px 10px rgba(0,0,0,.33); transition: transform .40s var(--mmtp-ease); }
.mmtp-project-card__description { position: absolute; z-index: 3; inset-inline: 16px; bottom: 76px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; max-height: 5.5em; color: #f1f1f1; font-size: clamp(11px,.88vw,13px); font-weight: 400; line-height: 1.75; opacity: 0; transform: translate3d(0,7px,0); transition: opacity .30s ease, transform .34s var(--mmtp-ease); pointer-events: none; }
.mmtp-project-card__button { position: absolute; z-index: 4; bottom: 20px; left: 15px; display: inline-flex; align-items: center; justify-content: center; width: 91px; height: 47px; font-size: 14px; font-weight: 750; color: #181818; opacity: 0; transform: translate3d(0,5px,0); transition: opacity .28s ease, transform .32s var(--mmtp-ease), color .30s ease; pointer-events: none; }
.mmtp-project-card__button .mmtp-button-shape { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; fill: #fff; }
.mmtp-project-card__button .mmtp-button-shape path { fill: #fff; transition: fill .30s ease; }
.mmtp-project-card__button>span { z-index: 1; }
.mmtp-profile .mmtp-project-card:focus-visible { outline: 2px solid var(--mmtp-gold); outline-offset: 4px; }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .mmtp-project-card:hover .mmtp-project-card__image,
  .mmtp-project-card:focus-visible .mmtp-project-card__image { filter: blur(4px); transform: scale(1.045); }
  .mmtp-project-card:hover .mmtp-project-card__shade,
  .mmtp-project-card:focus-visible .mmtp-project-card__shade { background-color: rgba(0,0,0,.28); }
  .mmtp-project-card:hover .mmtp-project-card__title,
  .mmtp-project-card:focus-visible .mmtp-project-card__title { transform: translate3d(0,-105px,0); }
  .mmtp-project-card:hover .mmtp-project-card__description,
  .mmtp-project-card:focus-visible .mmtp-project-card__description,
  .mmtp-project-card:hover .mmtp-project-card__button,
  .mmtp-project-card:focus-visible .mmtp-project-card__button { opacity: 1; transform: none; }
}
@media (hover:none), (prefers-reduced-motion:reduce) {
  .mmtp-project-card__description { display: none; }
  .mmtp-project-card__button { opacity: 1; transform: none; }
}
@media (max-width:1090px) { .mmtp-projects__grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width:700px) { .mmtp-projects__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; } .mmtp-projects { padding-bottom: 34px; } .mmtp-profile .mmtp-project-card__title { font-size: 13px !important; inset-inline: 11px; bottom: 63px; } .mmtp-project-card__button { left: 10px; bottom: 15px; width: 77px; height: 40px; font-size: 12px; } }
@media (max-width:360px) { .mmtp-projects__grid { grid-template-columns: 1fr; max-width: 320px; margin-inline:auto; } .mmtp-profile .mmtp-project-card__title { font-size: 17px !important; } }
@media print { .mmtp-project-card__button { opacity: 1; } .mmtp-project-card__description { display: none; } }

@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .mmtp-project-card--no-description:hover .mmtp-project-card__title,
  .mmtp-project-card--no-description:focus-visible .mmtp-project-card__title { transform: translate3d(0,-33px,0); }
}