.mc-portfolio{padding:105px 0 95px;background:var(--ink);color:var(--paper);overflow:hidden}
.mc-portfolio [hidden]{display:none!important}
.mc-portfolio-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mc-portfolio-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:48px}
.mc-portfolio-heading .section-tag{color:var(--lime);margin-bottom:27px}
.mc-portfolio-heading h2{font:500 clamp(42px,4.5vw,68px)/1.1 var(--font-display);letter-spacing:-3px;margin:0}
.mc-portfolio-heading h2 .serif-word{color:var(--lime)}
.mc-portfolio-intro{max-width:315px;font-size:15px;line-height:1.85;color:var(--muted);margin:0 0 5px}
.mc-portfolio-track{display:flex;gap:28px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#899779 #ffffff0c;padding:0 0 22px;position:relative;outline-offset:7px}
.mc-portfolio-track::-webkit-scrollbar{height:4px}.mc-portfolio-track::-webkit-scrollbar-thumb{background:#899779}
.mc-portfolio-card{flex:0 0 83%;min-width:0;scroll-snap-align:start;scroll-snap-stop:normal}
.mc-portfolio-cover{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#262d23;border:1px solid #ffffff18;border-radius:3px}
.mc-portfolio-image{display:block;width:100%;height:100%;object-fit:contain;transition:transform .55s cubic-bezier(.2,.65,.3,1)}
.mc-portfolio-cover:hover .mc-portfolio-image{transform:scale(1.025)}
.mc-portfolio-cover:focus-visible{outline-offset:-4px}
.mc-portfolio-cover-unavailable{display:grid;place-items:center}
.mc-portfolio-image-error{font-size:13px;color:var(--muted)}
.mc-portfolio-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:35px;padding:26px 0 20px;border-bottom:1px solid var(--line)}
.mc-portfolio-details{min-width:0;max-width:650px}
.mc-portfolio-category{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--lime);margin:0 0 9px;overflow-wrap:anywhere}
.mc-portfolio-title{font:500 clamp(26px,2.7vw,39px)/1.2 var(--font-display);letter-spacing:-1.3px;margin:0 0 13px;overflow-wrap:anywhere}
.mc-portfolio-title a:hover{color:var(--lime)}
.mc-portfolio-description{font-size:14px;line-height:1.85;color:var(--muted);margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere;white-space:pre-line}
.mc-portfolio-actions{display:flex;flex-direction:column;align-items:flex-end;gap:16px;flex-shrink:0;padding-top:4px;font-size:12px}
.mc-portfolio-detail{color:var(--paper);border-bottom:1px solid #c5ed6166;padding:7px 0}
.mc-portfolio-live{color:var(--muted);padding:4px 0}
.mc-portfolio-actions a:hover{color:var(--lime)}
.mc-portfolio-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:32px}
.mc-portfolio-all{display:inline-flex;align-items:center;gap:28px;font-size:13px;border-bottom:1px solid #c5ed6166;padding:7px 0;color:var(--lime)}
.mc-portfolio-controls{display:flex;align-items:center;gap:12px}
.mc-portfolio-counter{font:400 12px var(--font-display);color:var(--muted);font-variant-numeric:tabular-nums;margin-right:16px;min-width:52px}
.mc-portfolio-arrow{display:grid;place-items:center;width:48px;height:48px;border:1px solid #c5ed6170;background:transparent;color:var(--lime);border-radius:50%;font:400 23px/1 var(--font-display);transition:background .2s,color .2s}
.mc-portfolio-arrow:not(:disabled):hover{background:var(--lime);color:var(--ink)}
.mc-portfolio-arrow:disabled{opacity:.3;cursor:default}
.mc-portfolio-status{max-width:700px;font-size:17px;line-height:1.85;color:var(--muted);margin:0;padding:46px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mc-portfolio-retry{font-size:13px;padding:10px 18px;background:var(--lime);border:0;color:var(--ink);border-radius:3px;margin-top:20px}
.mc-portfolio[data-state="loading"] .mc-portfolio-status{min-height:160px}
.mc-portfolio-track.mc-portfolio-single{display:block;overflow:visible;padding-bottom:0;scroll-snap-type:none}
.mc-portfolio-image-status{position:absolute;inset:0;display:grid;place-items:center;font-size:14px;color:var(--muted)}
.mc-portfolio-cover[data-image-state="loading"] .mc-portfolio-image{opacity:0}
.mc-portfolio-cover[data-image-state="ready"] .mc-portfolio-image{opacity:1;transition:opacity .25s ease,transform .55s ease}
.mc-portfolio-actions a,.mc-portfolio-all{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:700px){.mc-portfolio .mc-portfolio-description{font-size:16px}.mc-portfolio .mc-portfolio-actions{font-size:14px}}
@media(max-width:1050px){.mc-portfolio-heading{gap:35px}.mc-portfolio-intro{max-width:260px}.mc-portfolio-card{flex-basis:87%}}
@media(max-width:700px){.mc-portfolio{padding:70px 0 64px}.mc-portfolio-heading{display:block;margin-bottom:32px}.mc-portfolio-heading h2{font-size:43px;letter-spacing:-2px}.mc-portfolio-heading .section-tag{margin-bottom:23px}.mc-portfolio-intro{max-width:330px;font-size:14px;margin:24px 0 0}.mc-portfolio-track{gap:16px}.mc-portfolio-card{flex-basis:92%}.mc-portfolio-caption{display:block;padding-top:21px}.mc-portfolio-title{font-size:28px}.mc-portfolio-description{font-size:13px}.mc-portfolio-actions{flex-direction:row;align-items:center;gap:24px;margin-top:18px;padding:0}.mc-portfolio-bottom{flex-wrap:wrap;margin-top:23px}.mc-portfolio-controls{margin-left:auto}.mc-portfolio-counter{margin-right:4px}.mc-portfolio-arrow{width:44px;height:44px}.mc-portfolio-status{font-size:15px;padding:30px 0}}

@media(prefers-reduced-motion:reduce){.mc-portfolio-image,.mc-portfolio-arrow{transition:none}.mc-portfolio-cover:hover .mc-portfolio-image{transform:none}.mc-portfolio-track{scroll-behavior:auto}}