/* Approved v38 component rules, scoped to this editable WordPress block. */
:where(.mks-block-project-grid):is(*),:where(.mks-block-project-grid) :is(*){box-sizing:border-box}
:where(.mks-block-project-grid):is(button),:where(.mks-block-project-grid) :is(button){font:inherit;color:inherit;cursor:pointer}
:where(.mks-block-project-grid):is(button),:where(.mks-block-project-grid) :is(button){background:none;border:0}
:where(.mks-block-project-grid):is(img),:where(.mks-block-project-grid) :is(img){max-width:100%;display:block}
:where(.mks-block-project-grid):is(h2),:where(.mks-block-project-grid) :is(h2),:where(.mks-block-project-grid):is(h3),:where(.mks-block-project-grid) :is(h3){margin:0}
:where(.mks-block-project-grid):is(h2),:where(.mks-block-project-grid) :is(h2),:where(.mks-block-project-grid):is(h3),:where(.mks-block-project-grid) :is(h3){font-family:var(--v38-heading-font);font-weight:550;line-height:1.08;letter-spacing:-.055em}
:where(.mks-block-project-grid):is(h2),:where(.mks-block-project-grid) :is(h2){font-size:clamp(36px,4.2vw,65px)}
:where(.mks-block-project-grid):is(.wrap),:where(.mks-block-project-grid) :is(.wrap){width:min(1320px,calc(100% - 96px));margin:auto}
:where(.mks-block-project-grid):is(.eyebrow),:where(.mks-block-project-grid) :is(.eyebrow){font-size:14px;font-weight:600;letter-spacing:.12em;display:block;line-height:1.6}
:where(.mks-block-project-grid):is(.section-head),:where(.mks-block-project-grid) :is(.section-head){display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:36px}
:where(.mks-block-project-grid):is(.section-head .eyebrow),:where(.mks-block-project-grid) :is(.section-head .eyebrow){margin-bottom:24px}
:where(.mks-block-project-grid):is(.work-section),:where(.mks-block-project-grid) :is(.work-section){padding:0 0 110px}
:where(.mks-block-project-grid):is(.filters),:where(.mks-block-project-grid) :is(.filters){display:flex;gap:10px;border-bottom:1px solid var(--v38-line);padding-bottom:20px;margin-bottom:36px;flex-wrap:wrap}
:where(.mks-block-project-grid):is(.filters button),:where(.mks-block-project-grid) :is(.filters button){border-radius:25px;padding:9px 17px;font-size:15px}
:where(.mks-block-project-grid):is(.filters button.active),:where(.mks-block-project-grid) :is(.filters button.active){background:var(--v38-ink);color:white}
:where(.mks-block-project-grid):is(.project-grid),:where(.mks-block-project-grid) :is(.project-grid){display:grid;grid-template-columns:1fr 1fr;gap:50px 28px;margin-bottom:40px}
:where(.mks-block-project-grid):is(.project),:where(.mks-block-project-grid) :is(.project){text-align:left;padding:0}
:where(.mks-block-project-grid):is(.project-image),:where(.mks-block-project-grid) :is(.project-image){aspect-ratio:1.4;position:relative;overflow:hidden;display:flex;align-items:center;padding:24px}
:where(.mks-block-project-grid):is(.project-image img),:where(.mks-block-project-grid) :is(.project-image img){width:100%;transition:transform .6s}
:where(.mks-block-project-grid):is(.project:hover img),:where(.mks-block-project-grid) :is(.project:hover img){transform:scale(1.04)}
:where(.mks-block-project-grid):is(.project-info),:where(.mks-block-project-grid) :is(.project-info){display:flex;justify-content:space-between;align-items:center;margin-top:17px;gap:12px}
:where(.mks-block-project-grid):is(.project-info h3),:where(.mks-block-project-grid) :is(.project-info h3){font-size:24px;letter-spacing:-.04em}
:where(.mks-block-project-grid):is(.project-info>span),:where(.mks-block-project-grid) :is(.project-info>span){font-size:14px;color:var(--v38-muted)}
:where(.mks-block-project-grid):is(.project[hidden]),:where(.mks-block-project-grid) :is(.project[hidden]){display:none}
:where(.mks-block-project-grid):is(button),:where(.mks-block-project-grid) :is(button){-webkit-tap-highlight-color:transparent}
@media (max-width:1000px){:where(.mks-block-project-grid):is(.wrap),:where(.mks-block-project-grid) :is(.wrap){width:calc(100% - 48px)}
:where(.mks-block-project-grid):is(.project-info),:where(.mks-block-project-grid) :is(.project-info){align-items:start;flex-direction:column;gap:5px}}
@media (max-width:700px){:where(.mks-block-project-grid):is(.wrap),:where(.mks-block-project-grid) :is(.wrap){width:calc(100% - 36px)}
:where(.mks-block-project-grid):is(.section-head),:where(.mks-block-project-grid) :is(.section-head){display:block;margin-bottom:25px}
:where(.mks-block-project-grid):is(.work-section),:where(.mks-block-project-grid) :is(.work-section){padding-bottom:65px}
:where(.mks-block-project-grid):is(.filters),:where(.mks-block-project-grid) :is(.filters){gap:3px;margin-bottom:23px}
:where(.mks-block-project-grid):is(.filters button),:where(.mks-block-project-grid) :is(.filters button){font-size:14px;padding:8px 10px}
:where(.mks-block-project-grid):is(.project-grid),:where(.mks-block-project-grid) :is(.project-grid){grid-template-columns:1fr;gap:28px}
:where(.mks-block-project-grid):is(.project-image),:where(.mks-block-project-grid) :is(.project-image){padding:18px;aspect-ratio:1.4}
:where(.mks-block-project-grid):is(.project-info),:where(.mks-block-project-grid) :is(.project-info){flex-direction:row;align-items:center}
:where(.mks-block-project-grid):is(.project-info h3),:where(.mks-block-project-grid) :is(.project-info h3){font-size:22px}
:where(.mks-block-project-grid):is(.project-info>span),:where(.mks-block-project-grid) :is(.project-info>span){font-size:13px;max-width:115px;text-align:right}}
@media (prefers-reduced-motion:reduce){:where(.mks-block-project-grid):is(*),:where(.mks-block-project-grid) :is(*){transition:none}}
:where(.mks-block-project-grid):is(h2),:where(.mks-block-project-grid) :is(h2),:where(.mks-block-project-grid):is(h3),:where(.mks-block-project-grid) :is(h3){letter-spacing:-.025em;font-weight:500}
:where(.mks-block-project-grid):is(h2),:where(.mks-block-project-grid) :is(h2){line-height:1.12}
:where(.mks-block-project-grid):is(.project-image),:where(.mks-block-project-grid) :is(.project-image){padding:0}
:where(.mks-block-project-grid):is(.project-image img),:where(.mks-block-project-grid) :is(.project-image img){height:100%;object-fit:cover}
:where(.mks-block-project-grid):is(.project-info>span),:where(.mks-block-project-grid) :is(.project-info>span){font-size:15px}
:where(.mks-block-project-grid):is(.filters button),:where(.mks-block-project-grid) :is(.filters button){font-size:15px}
:where(.mks-block-project-grid):is(.filters button.active),:where(.mks-block-project-grid) :is(.filters button.active){background:var(--v38-acid)}
:where(.mks-block-project-grid):is(.eyebrow),:where(.mks-block-project-grid) :is(.eyebrow){font-size:14px}
@media (max-width:700px){:where(.mks-block-project-grid):is(.filters button),:where(.mks-block-project-grid) :is(.filters button){font-size:14px}
:where(.mks-block-project-grid):is(.project-info>span),:where(.mks-block-project-grid) :is(.project-info>span){font-size:14px}}
:where(.mks-block-project-grid):is(h2),:where(.mks-block-project-grid) :is(h2),:where(.mks-block-project-grid):is(h3),:where(.mks-block-project-grid) :is(h3){letter-spacing:-.045em;font-weight:400}
:where(.mks-block-project-grid):is(.work-section),:where(.mks-block-project-grid) :is(.work-section){padding-bottom:100px}
:where(.mks-block-project-grid):is(.project-grid),:where(.mks-block-project-grid) :is(.project-grid){gap:50px 34px}
:where(.mks-block-project-grid):is(.project-image),:where(.mks-block-project-grid) :is(.project-image){border-radius:4px;overflow:hidden}
:where(.mks-block-project-grid):is(.project-info),:where(.mks-block-project-grid) :is(.project-info){padding-top:18px}
:where(.mks-block-project-grid):is(.project-info h3),:where(.mks-block-project-grid) :is(.project-info h3){font-size:25px}
:where(.mks-block-project-grid):is(.project-info span),:where(.mks-block-project-grid) :is(.project-info span){font-size:15px}
@media (max-width:700px){:where(.mks-block-project-grid):is(.project-grid),:where(.mks-block-project-grid) :is(.project-grid){gap:30px}}
:where(.mks-block-project-grid):is(*),:where(.mks-block-project-grid) :is(*){box-sizing:border-box}
:where(.mks-block-project-grid):is(button),:where(.mks-block-project-grid) :is(button){-webkit-tap-highlight-color:transparent}
:where(.mks-block-project-grid):is(button),:where(.mks-block-project-grid) :is(button){font:inherit;color:inherit;cursor:pointer}
:where(.mks-block-project-grid):is(button),:where(.mks-block-project-grid) :is(button){background:none;border:0}
:where(.mks-block-project-grid):is(img),:where(.mks-block-project-grid) :is(img){display:block;max-width:100%}
:where(.mks-block-project-grid):is(h2),:where(.mks-block-project-grid) :is(h2){margin:0}
:where(.mks-block-project-grid):is(button:focus-visible),:where(.mks-block-project-grid) :is(button:focus-visible),:where(.mks-block-project-grid):is([tabindex]:focus-visible),:where(.mks-block-project-grid) :is([tabindex]:focus-visible){outline:3px solid var(--v38-mks-accent);outline-offset:5px}
@media (prefers-reduced-motion:reduce){:where(.mks-block-project-grid):is(*),:where(.mks-block-project-grid) :is(*),:where(.mks-block-project-grid):is(*)::before,:where(.mks-block-project-grid) :is(*)::before,:where(.mks-block-project-grid):is(*)::after,:where(.mks-block-project-grid) :is(*)::after{animation:none;transition:none}}
:where(.mks-block-project-grid):is(.cta-button),:where(.mks-block-project-grid) :is(.cta-button){display:inline-flex;align-items:center;justify-content:center;background:var(--mks-v38-color-df1d40);color:var(--mks-v38-color-fff);border:1px solid var(--mks-v38-color-df1d40);border-radius:99px;font:400 14px/1.3 Arian,Arial,sans-serif;padding:14px 23px;min-height:49px;text-align:center;cursor:pointer;transition:background .2s,transform .2s}
:where(.mks-block-project-grid):is(.cta-button:hover),:where(.mks-block-project-grid) :is(.cta-button:hover){background:var(--mks-v38-color-bf1736);border-color:var(--mks-v38-color-bf1736);transform:translateY(-2px)}
:where(.mks-block-project-grid):is(.cta-button:focus-visible),:where(.mks-block-project-grid) :is(.cta-button:focus-visible){outline:3px solid var(--mks-v38-color-df1d40);outline-offset:4px}
:where(.mks-block-project-grid):is(.cta-button[hidden]),:where(.mks-block-project-grid) :is(.cta-button[hidden]){display:none}
:where(.mks-block-project-grid):is(.project-grid),:where(.mks-block-project-grid) :is(.project-grid){gap:40px 30px}
:where(.mks-block-project-grid):is(.project-image),:where(.mks-block-project-grid) :is(.project-image){aspect-ratio:1.5;border-radius:16px;padding:0;background:transparent}
:where(.mks-block-project-grid):is(.project-image img),:where(.mks-block-project-grid) :is(.project-image img){transition:transform .5s ease;max-height:100%;width:100%;height:100%;object-fit:cover}
:where(.mks-block-project-grid):is(.project:hover .project-image img),:where(.mks-block-project-grid) :is(.project:hover .project-image img){transform:scale(1.04)}
:where(.mks-block-project-grid):is(.project-open),:where(.mks-block-project-grid) :is(.project-open){position:absolute;left:24px;bottom:20px;padding:9px 16px;border-radius:99px;background:var(--mks-v38-color-fff);color:var(--mks-v38-color-1d2037);font-size:14px;opacity:0;transform:translateY(7px);transition:opacity .2s,transform .2s;box-shadow:0 3px 16px var(--mks-v38-color-1d203715)}
:where(.mks-block-project-grid):is(.project:hover .project-open),:where(.mks-block-project-grid) :is(.project:hover .project-open),:where(.mks-block-project-grid):is(.project:focus-visible .project-open),:where(.mks-block-project-grid) :is(.project:focus-visible .project-open){opacity:1;transform:none}
:where(.mks-block-project-grid):is(.project-info),:where(.mks-block-project-grid) :is(.project-info){gap:15px}
:where(.mks-block-project-grid):is(.projects-more),:where(.mks-block-project-grid) :is(.projects-more){display:flex;align-items:center;justify-content:center;gap:25px;margin-top:42px}
:where(.mks-block-project-grid):is(.filters button.active),:where(.mks-block-project-grid) :is(.filters button.active){background:var(--mks-v38-color-df1d40);border-color:var(--mks-v38-color-df1d40);color:var(--mks-v38-color-fff)}
:where(.mks-block-project-grid):is(.filters button),:where(.mks-block-project-grid) :is(.filters button){border-radius:99px}
@media (max-width:700px){:where(.mks-block-project-grid):is(.project-grid),:where(.mks-block-project-grid) :is(.project-grid){gap:28px}
:where(.mks-block-project-grid):is(.project-image),:where(.mks-block-project-grid) :is(.project-image){border-radius:12px;padding:0}
:where(.mks-block-project-grid):is(.project-open),:where(.mks-block-project-grid) :is(.project-open){opacity:1;transform:none;font-size:13px;left:15px;bottom:13px}
:where(.mks-block-project-grid):is(.project-info h3),:where(.mks-block-project-grid) :is(.project-info h3){font-size:23px}
:where(.mks-block-project-grid):is(.projects-more),:where(.mks-block-project-grid) :is(.projects-more){gap:17px;flex-wrap:wrap;margin-top:30px}
:where(.mks-block-project-grid):is(.cta-button),:where(.mks-block-project-grid) :is(.cta-button){font-size:15px;min-height:46px;padding:13px 20px}}
@media (prefers-reduced-motion:reduce){:where(.mks-block-project-grid):is(.project-image img),:where(.mks-block-project-grid) :is(.project-image img),:where(.mks-block-project-grid):is(.project-open),:where(.mks-block-project-grid) :is(.project-open),:where(.mks-block-project-grid):is(.cta-button),:where(.mks-block-project-grid) :is(.cta-button){transition:none}}
:where(.mks-block-project-grid):is(.projects-more),:where(.mks-block-project-grid) :is(.projects-more){justify-content:center}
:where(.mks-block-project-grid):is(.mks-arrow),:where(.mks-block-project-grid) :is(.mks-arrow){display:block;width:28px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
:where(.mks-block-project-grid):is(.cta-button),:where(.mks-block-project-grid) :is(.cta-button){max-width:100%}
:where(.mks-block-project-grid):is(.mks-button-label),:where(.mks-block-project-grid) :is(.mks-button-label){min-width:0}
:where(.mks-block-project-grid):is(.mks-action-arrow),:where(.mks-block-project-grid) :is(.mks-action-arrow){display:inline-flex;align-items:center;max-width:0;opacity:0;overflow:hidden;margin-left:0;transform:translateX(-5px);transition:max-width .25s,opacity .25s,margin-left .25s,transform .25s}
:where(.mks-block-project-grid):is(.mks-action-arrow .mks-arrow),:where(.mks-block-project-grid) :is(.mks-action-arrow .mks-arrow){width:26px;min-width:26px;height:22px}
:where(.mks-block-project-grid):is(.cta-button:hover .mks-action-arrow),:where(.mks-block-project-grid) :is(.cta-button:hover .mks-action-arrow),:where(.mks-block-project-grid):is(.cta-button:focus-visible .mks-action-arrow),:where(.mks-block-project-grid) :is(.cta-button:focus-visible .mks-action-arrow){max-width:26px;margin-left:12px;opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){:where(.mks-block-project-grid):is(.mks-action-arrow),:where(.mks-block-project-grid) :is(.mks-action-arrow){transition:none}}

:where(.mks-block-project-grid):is(.work-reel),:where(.mks-block-project-grid) :is(.work-reel){padding:75px 0 85px;background:var(--mks-v38-color-e7e4d6);overflow:hidden}
:where(.mks-block-project-grid):is(.reel-heading),:where(.mks-block-project-grid) :is(.reel-heading){display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}
:where(.mks-block-project-grid):is(.reel-heading h2),:where(.mks-block-project-grid) :is(.reel-heading h2){font-size:clamp(32px,3.2vw,54px);font-weight:400;letter-spacing:-.035em;line-height:1.15}
:where(.mks-block-project-grid):is(.reel-heading h2 em),:where(.mks-block-project-grid) :is(.reel-heading h2 em){font-family:MaksimumSerif,Georgia,serif;font-weight:400;color:inherit}
:where(.mks-block-project-grid):is(.reel-pause),:where(.mks-block-project-grid) :is(.reel-pause){font-size:14px;white-space:nowrap;border:1px solid var(--mks-v38-color-1d20373a);border-radius:99px;padding:10px 16px}
:where(.mks-block-project-grid):is(.reel-pause:hover),:where(.mks-block-project-grid) :is(.reel-pause:hover){background:var(--mks-v38-color-fff8)}
:where(.mks-block-project-grid):is(.reel-track),:where(.mks-block-project-grid) :is(.reel-track){display:flex;width:max-content;animation:none}
:where(.mks-block-project-grid):is(.reel-group),:where(.mks-block-project-grid) :is(.reel-group){display:flex;gap:24px;padding-right:24px;flex:none}
:where(.mks-block-project-grid):is(.reel-card),:where(.mks-block-project-grid) :is(.reel-card){width:clamp(270px,27vw,520px);text-align:left;background:var(--mks-v38-color-f1c8b2);border-radius:17px;overflow:hidden;padding:0;flex:none;transition:transform .25s}
:where(.mks-block-project-grid):is(.reel-card:nth-child(3n/**/+2)),:where(.mks-block-project-grid) :is(.reel-card:nth-child(3n/**/+2)){background:var(--mks-v38-color-c9d9e8)}
:where(.mks-block-project-grid):is(.reel-card:nth-child(3n)),:where(.mks-block-project-grid) :is(.reel-card:nth-child(3n)){background:var(--mks-v38-color-d4dca6)}
:where(.mks-block-project-grid):is(.reel-card img),:where(.mks-block-project-grid) :is(.reel-card img){width:100%;aspect-ratio:1.35;object-fit:cover;object-position:top}
:where(.mks-block-project-grid):is(.reel-card>span),:where(.mks-block-project-grid) :is(.reel-card>span){display:flex;align-items:center;justify-content:space-between;padding:18px 22px;font-size:20px}
:where(.mks-block-project-grid):is(.reel-card:hover),:where(.mks-block-project-grid) :is(.reel-card:hover){transform:translateY(-6px)}
:where(.mks-block-project-grid):is(.work-reel:focus-within .reel-track),:where(.mks-block-project-grid) :is(.work-reel:focus-within .reel-track){animation-play-state:paused}
@media (hover:hover){:where(.mks-block-project-grid):is(.reel-window:hover .reel-track),:where(.mks-block-project-grid) :is(.reel-window:hover .reel-track){animation-play-state:paused}}
@media (max-width:760px){:where(.mks-block-project-grid):is(.work-reel),:where(.mks-block-project-grid) :is(.work-reel){padding:45px 0}
:where(.mks-block-project-grid):is(.reel-heading),:where(.mks-block-project-grid) :is(.reel-heading){align-items:start;flex-direction:column;gap:17px}
:where(.mks-block-project-grid):is(.reel-card),:where(.mks-block-project-grid) :is(.reel-card){width:76vw}
:where(.mks-block-project-grid):is(.reel-card>span),:where(.mks-block-project-grid) :is(.reel-card>span){font-size:18px;padding:15px 18px}
:where(.mks-block-project-grid):is(.reel-group),:where(.mks-block-project-grid) :is(.reel-group){gap:15px;padding-right:15px}
:where(.mks-block-project-grid):is(.reel-track),:where(.mks-block-project-grid) :is(.reel-track){animation-duration:55s}}
@media (prefers-reduced-motion:reduce){:where(.mks-block-project-grid):is(.reel-track),:where(.mks-block-project-grid) :is(.reel-track){animation:none}
:where(.mks-block-project-grid):is(.reel-window),:where(.mks-block-project-grid) :is(.reel-window){overflow-x:auto}}
:where(.mks-block-project-grid):is(.reel-window),:where(.mks-block-project-grid) :is(.reel-window){overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-y;cursor:grab;overscroll-behavior-x:contain}
:where(.mks-block-project-grid):is(.reel-window)::-webkit-scrollbar,:where(.mks-block-project-grid) :is(.reel-window)::-webkit-scrollbar{display:none}
:where(.mks-block-project-grid):is(.reel-track),:where(.mks-block-project-grid) :is(.reel-track){animation:none;transform:none}
:where(.mks-block-project-grid):is(.reel-card img),:where(.mks-block-project-grid) :is(.reel-card img){-webkit-user-drag:none;user-select:none}
:where(.mks-block-project-grid):is(.reel-controls),:where(.mks-block-project-grid) :is(.reel-controls){display:flex;align-items:center;gap:8px}
:where(.mks-block-project-grid):is(.reel-controls>button:not(.reel-pause)),:where(.mks-block-project-grid) :is(.reel-controls>button:not(.reel-pause)){display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--mks-v38-color-1d20373a);border-radius:50%;padding:9px}
:where(.mks-block-project-grid):is(.reel-controls>button:hover),:where(.mks-block-project-grid) :is(.reel-controls>button:hover){background:var(--mks-v38-color-fff8)}
:where(.mks-block-project-grid):is(.reel-controls .mks-action-arrow),:where(.mks-block-project-grid) :is(.reel-controls .mks-action-arrow){max-width:none;opacity:1;transform:none;margin:0}
:where(.mks-block-project-grid):is(.reel-controls .mks-arrow),:where(.mks-block-project-grid) :is(.reel-controls .mks-arrow){width:24px;height:20px;min-width:0}
:where(.mks-block-project-grid):is(.reel-prev svg),:where(.mks-block-project-grid) :is(.reel-prev svg){transform:rotate(180deg)}
@media (max-width:760px){:where(.mks-block-project-grid):is(.reel-controls),:where(.mks-block-project-grid) :is(.reel-controls){flex-wrap:wrap}
:where(.mks-block-project-grid):is(.reel-pause),:where(.mks-block-project-grid) :is(.reel-pause){font-size:14px}
:where(.mks-block-project-grid):is(.reel-heading),:where(.mks-block-project-grid) :is(.reel-heading){gap:20px}}
:where(.mks-block-project-grid):is(.reel-card>span),:where(.mks-block-project-grid) :is(.reel-card>span){background:var(--mks-v38-color-fff)}
:where(.mks-block-project-grid):is(main svg.mks-arrow),:where(.mks-block-project-grid) :is(main svg.mks-arrow){width:24px;height:22px;min-width:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}
:where(.mks-block-project-grid):is(:root body *),:where(.mks-block-project-grid) :is(:root body *){scrollbar-width:thin;scrollbar-color:var(--mks-v38-color-a99e96) var(--mks-v38-color-eee9e3)}
:where(.mks-block-project-grid):is(body *)::-webkit-scrollbar,:where(.mks-block-project-grid) :is(body *)::-webkit-scrollbar{width:8px;height:8px}
:where(.mks-block-project-grid):is(body *)::-webkit-scrollbar-track,:where(.mks-block-project-grid) :is(body *)::-webkit-scrollbar-track{background:var(--mks-v38-color-eee9e3);border-radius:99px}
:where(.mks-block-project-grid):is(body *)::-webkit-scrollbar-thumb,:where(.mks-block-project-grid) :is(body *)::-webkit-scrollbar-thumb{background:var(--mks-v38-color-a99e96);border:2px solid var(--mks-v38-color-eee9e3);border-radius:99px}
:where(.mks-block-project-grid):is(body *::-webkit-scrollbar-thumb:hover),:where(.mks-block-project-grid) :is(body *::-webkit-scrollbar-thumb:hover){background:var(--mks-v38-color-615b60)}
:where(.mks-block-project-grid):is(body *)::-webkit-scrollbar-corner,:where(.mks-block-project-grid) :is(body *)::-webkit-scrollbar-corner{background:transparent}
:where(.mks-block-project-grid):is(:root body .reel-window),:where(.mks-block-project-grid) :is(:root body .reel-window){scrollbar-width:none}
:where(.mks-block-project-grid):is(:root body *),:where(.mks-block-project-grid) :is(:root body *){scrollbar-color:var(--mks-v38-color-9c9d88) var(--mks-v38-color-eeebe4)}
:where(.mks-block-project-grid):is(body *)::-webkit-scrollbar,:where(.mks-block-project-grid) :is(body *)::-webkit-scrollbar{width:8px;height:8px}
:where(.mks-block-project-grid):is(body *)::-webkit-scrollbar-track,:where(.mks-block-project-grid) :is(body *)::-webkit-scrollbar-track{background:var(--mks-v38-color-eeebe4);border-radius:10px}
:where(.mks-block-project-grid):is(body *)::-webkit-scrollbar-thumb,:where(.mks-block-project-grid) :is(body *)::-webkit-scrollbar-thumb{background:var(--mks-v38-color-9c9d88);border:2px solid var(--mks-v38-color-eeebe4);border-radius:10px}
:where(.mks-block-project-grid):is(body *::-webkit-scrollbar-thumb:hover),:where(.mks-block-project-grid) :is(body *::-webkit-scrollbar-thumb:hover){background:var(--mks-v38-color-696e59)}
:where(.mks-block-project-grid):is(body *)::-webkit-scrollbar-button,:where(.mks-block-project-grid) :is(body *)::-webkit-scrollbar-button{display:none;width:0;height:0}
@supports  selector(::-webkit-scrollbar){:where(.mks-block-project-grid):is(:root body *),:where(.mks-block-project-grid) :is(:root body *){scrollbar-width:auto;scrollbar-color:auto}
:where(.mks-block-project-grid):is(:root body .reel-window),:where(.mks-block-project-grid) :is(:root body .reel-window){scrollbar-width:none}}



/* v38 dialogs */
:where(.mks-block-project-grid) .mks-project-dialog{padding:0;border:0;max-width:900px;width:calc(100% - 32px);max-height:90vh;background:var(--v38-paper);color:var(--v38-ink)}
:where(.mks-block-project-grid) .mks-project-dialog::backdrop{background:var(--mks-v38-color-151911aa);backdrop-filter:blur(5px)}
:where(.mks-block-project-grid) .mks-project-dialog>img{width:100%;max-height:440px;object-fit:contain;background:var(--mks-v38-color-e4e8de)}
:where(.mks-block-project-grid) .dialog-content{padding:35px}
:where(.mks-block-project-grid) .dialog-content h2{font-size:42px;margin:15px 0}
:where(.mks-block-project-grid) .dialog-content>p{font-size:16px}
@media (max-width:700px){:where(.mks-block-project-grid) .dialog-content{padding:25px}
:where(.mks-block-project-grid) .dialog-content h2{font-size:34px}}


:where(.mks-block-project-grid) .mks-project-dialog{padding:0;max-width:1100px;width:calc(100% - 50px);max-height:85svh;border-radius:20px}
:where(.mks-block-project-grid) .mks-project-dialog>img{width:100%;max-height:55svh;object-fit:contain;background:var(--mks-v38-color-eee7e1);padding:30px}
:where(.mks-block-project-grid) .mks-project-dialog .dialog-content{padding:30px 40px 40px}
:where(.mks-block-project-grid) .mks-project-dialog h2{font-size:39px}
:where(.mks-block-project-grid) .mks-project-dialog .close{z-index:2}
@media (max-width:700px){:where(.mks-block-project-grid) .mks-project-dialog{width:calc(100% - 24px)}
:where(.mks-block-project-grid) .mks-project-dialog .dialog-content{padding:25px}
:where(.mks-block-project-grid) .mks-project-dialog h2{font-size:31px}
:where(.mks-block-project-grid) .mks-project-dialog>img{padding:20px}}


:where(.mks-block-project-grid) .mks-project-dialog{width:min(1440px,calc(100vw - 64px));max-width:none;height:min(850px,calc(100svh - 80px));max-height:none;overflow:visible;border:0;border-radius:22px;background:var(--mks-v38-color-f8f6f3);padding:0;color:var(--mks-v38-color-1d2037)}
:where(.mks-block-project-grid) .mks-project-dialog::backdrop{background:var(--mks-v38-color-151827bd);backdrop-filter:blur(12px)}
:where(.mks-block-project-grid) .project-detail-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);height:100%;overflow:hidden;border-radius:22px}
:where(.mks-block-project-grid) .project-detail-visual{min-width:0;overflow:auto;overscroll-behavior:contain;background:var(--mks-v38-color-e8e4de);scrollbar-width:thin}
:where(.mks-block-project-grid) .project-detail-visual img{width:100%;height:auto;max-height:none;display:block;padding:0;object-fit:contain}
:where(.mks-block-project-grid) .mks-project-dialog .dialog-content{padding:clamp(30px,4vw,60px);display:flex;flex-direction:column;align-items:flex-start;overflow:auto;min-height:0}
:where(.mks-block-project-grid) .mks-project-dialog h2{font:400 clamp(32px,3.4vw,60px)/1.04 Arian,Arial,sans-serif;letter-spacing:-.045em;margin:20px 0 0}
:where(.mks-block-project-grid) .project-detail-meta{width:100%;padding:20px 0;border-block:1px solid var(--mks-v38-color-1d203725);margin:0 0 30px}
:where(.mks-block-project-grid) .project-detail-meta>span{font-size:12px;letter-spacing:.1em}
:where(.mks-block-project-grid) .project-detail-meta p{font-size:17px;margin-top:10px}
:where(.mks-block-project-grid) .project-detail-back{margin-top:22px;text-align:left;font-size:15px;padding:0 0 4px}
:where(.mks-block-project-grid) .mks-project-dialog .close{position:absolute;right:0;top:0;transform:translate(40%,-40%);width:44px;height:44px;aspect-ratio:1;padding:12px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--mks-v38-color-df1d40);color:var(--mks-v38-color-fff);z-index:3}
:where(.mks-block-project-grid) .mks-project-dialog .close svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round}
@media (max-width:760px){:where(.mks-block-project-grid) .mks-project-dialog{width:calc(100vw - 36px);height:calc(100svh - 64px);border-radius:16px}
:where(.mks-block-project-grid) .project-detail-layout{display:flex;flex-direction:column;overflow:auto;border-radius:16px}
:where(.mks-block-project-grid) .project-detail-visual{flex:none;max-height:50svh;min-height:180px}
:where(.mks-block-project-grid) .mks-project-dialog .dialog-content{overflow:visible;flex:none;padding:25px}
:where(.mks-block-project-grid) .project-detail-meta{margin-bottom:22px}}
:where(.mks-block-project-grid) .project-detail-meta .tags{margin:15px 0 0;display:flex;flex-wrap:wrap;gap:8px}
:where(.mks-block-project-grid) .project-detail-meta .tags a{font-size:15px;border-color:var(--mks-v38-color-e3ddd7)}
:where(.mks-block-project-grid) .project-detail-meta .tags a:hover{border-color:var(--mks-v38-color-df1d40)}
:where(.mks-block-project-grid) .mks-project-dialog .project-detail-visual,:where(.mks-block-project-grid) .mks-project-dialog .dialog-content,:where(.mks-block-project-grid) .project-detail-layout{scrollbar-color:var(--mks-v38-color-9c9d88) var(--mks-v38-color-eeebe4);scrollbar-width:thin}
@supports  selector(::-webkit-scrollbar){:where(.mks-block-project-grid) .mks-project-dialog .project-detail-visual,:where(.mks-block-project-grid) .mks-project-dialog .dialog-content,:where(.mks-block-project-grid) .project-detail-layout{scrollbar-color:auto;scrollbar-width:auto}}