/* Local production-page pilot: Stitch composition, existing site tokens and original copy. */
.mk-workshop #site-content .mk-workshop-section{padding-block:80px;background:#fff}
.mk-workshop #site-content .mk-workshop-band{background:#f2efeb}
.mk-workshop #site-content .mk-workshop-heading{max-width:920px;margin-bottom:40px}
.mk-workshop #site-content .mk-workshop-heading p{max-width:72ch;margin:0}
.mk-workshop #site-content .mk-workshop-section p{margin:0 0 24px}
.mk-workshop #site-content .mk-workshop-section p:last-child{margin-bottom:0}
.mk-workshop #site-content .mk-workshop-section h3{margin-bottom:24px}
.mk-workshop #site-content .mk-workshop-section strong{font-weight:inherit}
.mk-workshop #site-content .mk-workshop-copy p{max-width:72ch}
.mk-workshop #site-content .mk-workshop-copy a,.mk-workshop #site-content .mk-workshop-followup a{font:inherit;text-decoration:underline;text-underline-offset:4px}
.mk-workshop #site-content .mk-workshop-intro__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:64px}
.mk-workshop #site-content .mk-workshop-intro__photo{display:block;overflow:hidden;min-width:0}
.mk-workshop #site-content .mk-workshop-intro__photo picture{display:block}
.mk-workshop #site-content .mk-workshop-intro__photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
body.mk-refresh.mk-workshop #site-content section.mk-workshop-nav{padding-block:24px;background:#fff;border-bottom:1px solid #ded7cd}
body.mk-refresh.mk-workshop #site-content section.mk-workshop-nav .row{margin:0}
body.mk-refresh.mk-workshop #site-content section.mk-workshop-nav .column{max-width:none;padding:0;margin:0}
body.mk-refresh.mk-workshop #site-content section.mk-workshop-nav tbody{display:flex;flex-wrap:wrap;gap:12px 28px}
body.mk-refresh.mk-workshop #site-content section.mk-workshop-nav tr{display:flex;align-items:baseline;gap:8px}
body.mk-refresh.mk-workshop #site-content section.mk-workshop-nav td{padding:0!important;border:0!important;white-space:normal;font:500 12px/1.6 "Space Grotesk",Arial,sans-serif}
body.mk-refresh.mk-workshop #site-content section.mk-workshop-nav td:first-child{width:auto!important}
body.mk-refresh.mk-workshop #site-content section.mk-workshop-nav a{display:inline-flex;align-items:center;min-height:44px}
.mk-workshop #site-content :is(.mk-workshop-steps,.mk-workshop-reason-grid,.mk-workshop-benefit-grid){display:grid;padding:0;margin:0;gap:24px;list-style:none}
.mk-workshop #site-content .mk-workshop-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.mk-workshop #site-content .mk-workshop-card{min-width:0;padding:28px;background:#faf9f7}
.mk-workshop #site-content .mk-workshop-steps .mk-workshop-card{background:#fff}
.mk-workshop #site-content .mk-workshop-card__top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px;color:#746553}
.mk-workshop #site-content .mk-workshop-card__top span{font:500 42px/1 "Space Grotesk",Arial,sans-serif;letter-spacing:-.04em}
.mk-workshop #site-content .mk-workshop-card__top svg{width:26px;height:26px;flex-shrink:0}
.mk-workshop #site-content .mk-workshop-card__title,.mk-workshop #site-content .mk-workshop-benefit-grid strong{display:block;font:500 clamp(24px,2vw,28px)/1.25 "Space Grotesk",Arial,sans-serif;letter-spacing:-.025em;text-transform:uppercase;color:#262626}
.mk-workshop #site-content .mk-workshop-card__title{margin-bottom:20px}
.mk-workshop #site-content .mk-workshop-reason-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.mk-workshop #site-content .mk-workshop-reason-grid li{grid-column:span 2;padding:28px;background:#f2efeb}
.mk-workshop #site-content .mk-workshop-reason-grid li:nth-child(-n+2){grid-column:span 3}
.mk-workshop #site-content .mk-workshop-followup{margin-top:32px;max-width:920px}
.mk-workshop #site-content .mk-workshop-benefit-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.mk-workshop #site-content .mk-workshop-benefit-grid strong{margin-bottom:20px}
.mk-workshop #site-content .mk-workshop-range-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.mk-workshop #site-content .mk-workshop-room{min-width:0;padding:28px;background:#fff}
.mk-workshop #site-content .mk-workshop-room strong{display:block;font:500 clamp(24px,2vw,28px)/1.25 "Space Grotesk",Arial,sans-serif;letter-spacing:-.025em;color:#262626}
.mk-workshop #site-content .mk-workshop-room br{display:none}
.mk-workshop #site-content .mk-workshop-room strong{margin-bottom:16px}
.mk-workshop #site-content section.mk-workshop-video .column{width:100%;max-width:100%;flex-basis:100%;padding:0;margin:0}
.mk-workshop #site-content section.mk-workshop-video iframe{display:block;width:100%;height:auto;aspect-ratio:16/9}
@media(max-width:1100px){
 .mk-workshop #site-content .mk-workshop-intro__grid{gap:40px}
 .mk-workshop #site-content .mk-workshop-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mk-workshop #site-content .mk-workshop-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
 .mk-workshop #site-content .mk-workshop-section{padding-block:64px}
 .mk-workshop #site-content .mk-workshop-intro__grid{grid-template-columns:minmax(0,1fr);gap:32px}
 .mk-workshop #site-content .mk-workshop-heading{margin-bottom:32px}
 .mk-workshop #site-content .mk-workshop-section p{margin-bottom:20px}
 .mk-workshop #site-content .mk-workshop-reason-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mk-workshop #site-content .mk-workshop-reason-grid li,.mk-workshop #site-content .mk-workshop-reason-grid li:nth-child(-n+2){grid-column:auto}
 .mk-workshop #site-content .mk-workshop-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.mk-refresh.mk-workshop #site-content section.mk-workshop-nav tbody{gap:8px 20px}
}
@media(max-width:767px){
 body.mk-refresh.mk-workshop #site-content section.mk-workshop-nav tbody{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:0}
 .mk-workshop #site-content :is(.mk-workshop-steps,.mk-workshop-reason-grid,.mk-workshop-benefit-grid,.mk-workshop-range-grid){grid-template-columns:minmax(0,1fr);gap:16px}
 .mk-workshop #site-content .mk-workshop-card,.mk-workshop #site-content .mk-workshop-reason-grid li,.mk-workshop #site-content .mk-workshop-room{padding:26px 24px}
 .mk-workshop #site-content .mk-workshop-card__top{margin-bottom:24px}
}

body.mk-refresh.mk-workshop #site-content section.mk-workshop-nav strong{font-weight:inherit}

/* Owner-requested gallery dimensions and rhythm from the approved homepage. */
body.mk-refresh.mk-workshop #site-content section.mk-workshop-gallery{--workshop-gallery-gutter:64px;--workshop-gallery-gap:20px}
body.mk-refresh.mk-workshop #site-content section.mk-workshop-gallery>.container{max-width:1440px;width:100%;padding-inline:var(--workshop-gallery-gutter);margin-inline:auto}
body.mk-refresh.mk-workshop #site-content section.mk-workshop-gallery .row{margin:0}
body.mk-refresh.mk-workshop #site-content section.mk-workshop-gallery .col-lg-8{flex:0 0 100%;max-width:100%;padding:0;margin:0}
body.mk-refresh.mk-workshop #site-content section.mk-workshop-gallery .grid-wrapper{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(4,calc((min(100vw,1440px) - var(--workshop-gallery-gutter)*2 - var(--workshop-gallery-gap)*2)/4.5))!important;gap:var(--workshop-gallery-gap)}
body.mk-refresh.mk-workshop #site-content section.mk-workshop-gallery .grid-item{min-width:0;min-height:0;aspect-ratio:auto}
body.mk-refresh.mk-workshop #site-content section.mk-workshop-gallery .grid-item:nth-child(1){grid-area:1/1/3/3!important}
body.mk-refresh.mk-workshop #site-content section.mk-workshop-gallery .grid-item:nth-child(2){grid-area:1/3/3/4!important}
body.mk-refresh.mk-workshop #site-content section.mk-workshop-gallery .grid-item:nth-child(3){grid-area:3/1/5/2!important}
body.mk-refresh.mk-workshop #site-content section.mk-workshop-gallery .grid-item:nth-child(4){grid-area:3/2/5/4!important}
body.mk-refresh.mk-workshop #site-content section.mk-workshop-gallery .grid-item picture{display:block;width:100%;height:100%}
body.mk-refresh.mk-workshop #site-content section.mk-workshop-gallery .grid-item img{display:block;width:100%;height:100%;object-fit:cover}
/* The related cards share homepage/gallery.css; only legacy typography needs this scoped bridge. */
.mk-workshop #site-content .mk-workshop-related .hp-gallery-categories__heading h2{margin:0;font:500 clamp(36px,3.2vw,46px)/1.13 "Space Grotesk",Arial,sans-serif;letter-spacing:-.035em}
.mk-workshop #site-content .mk-workshop-related .hp-gallery-categories__heading p{margin:22px 0 0;font:400 15px/1.9 Manrope,Arial,sans-serif}
.mk-workshop #site-content .mk-workshop-related .hp-gallery-category__image picture{display:block;width:100%;height:100%}
.mk-workshop #site-content .mk-workshop-related .hp-gallery-category .name{margin:0 0 18px;font:500 26px/1.25 "Space Grotesk",Arial,sans-serif;letter-spacing:-.025em;text-transform:uppercase;color:#262626}
.mk-workshop #site-content .mk-workshop-related .hp-gallery-category p:not(.name){margin:0 0 28px;font:400 14px/1.9 Manrope,Arial,sans-serif}
@media(max-width:1023px){
 body.mk-refresh.mk-workshop #site-content section.mk-workshop-gallery{--workshop-gallery-gutter:40px}
 .mk-workshop #site-content .mk-workshop-related .hp-gallery-category .name{font-size:22px}
}
@media(max-width:767px){
 body.mk-refresh.mk-workshop #site-content section.mk-workshop-gallery{--workshop-gallery-gutter:24px;--workshop-gallery-gap:16px}
 body.mk-refresh.mk-workshop #site-content section.mk-workshop-gallery .grid-wrapper{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:none!important;grid-auto-rows:auto}
 body.mk-refresh.mk-workshop #site-content section.mk-workshop-gallery .grid-item:nth-child(n){grid-area:auto!important;aspect-ratio:3/2}
 body.mk-refresh.mk-workshop #site-content section.mk-workshop-gallery .grid-item picture,body.mk-refresh.mk-workshop #site-content section.mk-workshop-gallery .grid-item img{height:100%}
 .mk-workshop #site-content .mk-workshop-related .hp-gallery-category .name{font-size:26px}
 .mk-workshop #site-content .mk-workshop-related .hp-gallery-categories__heading h2{font-size:clamp(30px,8vw,38px);line-height:1.16}
 .mk-workshop #site-content .mk-workshop-related .hp-gallery-categories__heading p{font-size:14px}
}

/* Restore the original photo CTA's light text and scale; keep its legacy layout. */
.mk-workshop #site-content #fullScreenBg .content{color:#fff;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;width:calc(100% - 128px);max-width:960px;left:50%;right:auto;transform:translate(-50%,-50%)}
.mk-workshop #site-content #fullScreenBg .title{min-width:0}
.mk-workshop #site-content{--workshop-cta-gutter:64px}
.mk-workshop #site-content #fullScreenBg{width:calc(100% - var(--workshop-cta-gutter)*2);max-width:1312px;margin-inline:auto;container-type:inline-size;--workshop-cta-inset:64px}
.mk-workshop #site-content #inspirujte-sa-nasimi-projektmi>.container{padding-inline:var(--workshop-cta-gutter)}
.mk-workshop #site-content #fullScreenBg .action{width:100%;min-width:0;margin:0;padding:0}
.mk-workshop #site-content #fullScreenBg .action p{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:0;text-align:center;white-space:nowrap}
.mk-workshop #site-content #fullScreenBg .action p:before,.mk-workshop #site-content #fullScreenBg .action p:after{position:static;flex:1;min-width:0;width:auto;transform:none;box-shadow:none;background-color:hsla(0,0%,100%,.25);background-image:linear-gradient(#fff,#fff);background-repeat:no-repeat;background-position:left center;background-size:0 100%}
.mk-workshop #site-content #fullScreenBg .action p:after{width:calc(100% + max(var(--workshop-cta-inset),(100cqw - 960px)/2))}
.mk-workshop #site-content #fullScreenBg .action:hover p:before,.mk-workshop #site-content #fullScreenBg a:focus-visible .action p:before{animation:workshop-cta-line var(--cta-left-time,.75s) linear forwards}
.mk-workshop #site-content #fullScreenBg .action:hover p:after,.mk-workshop #site-content #fullScreenBg a:focus-visible .action p:after{animation:workshop-cta-line var(--cta-right-time,1.75s) linear var(--cta-left-time,.75s) forwards}
@keyframes workshop-cta-line{from{background-size:0 100%}to{background-size:100% 100%}}
.mk-workshop #site-content #fullScreenBg .action:before,.mk-workshop #site-content #fullScreenBg .action:after{display:none}
.mk-workshop #site-content #inspirujte-sa-nasimi-projektmi .column{margin-inline:0}
@media(max-width:1023px){.mk-workshop #site-content{--workshop-cta-gutter:40px}.mk-workshop #site-content #fullScreenBg{--workshop-cta-inset:40px}.mk-workshop #site-content #fullScreenBg .content{width:calc(100% - 80px);gap:32px}}
.mk-workshop #site-content #fullScreenBg .title span{color:#fff;font:600 14px/23px "Space Grotesk",Arial,sans-serif}
.mk-workshop #site-content #fullScreenBg .title p{color:#fff;font:400 32px/36px Manrope,Arial,sans-serif;margin:0}
.mk-workshop #site-content #fullScreenBg .action p{color:#fff;font:600 14px/1.6 "Space Grotesk",Arial,sans-serif;margin:0}
@media(max-width:767px){
 .mk-workshop #site-content{--workshop-cta-gutter:20px}
 .mk-workshop #site-content #fullScreenBg .content{display:flex;gap:0;width:100%;max-width:540px;left:auto;right:auto;transform:translateY(-50%)}
 .mk-workshop #site-content #fullScreenBg .action p{display:flex;justify-content:center;white-space:normal}
 .mk-workshop #site-content #fullScreenBg .action p:before,.mk-workshop #site-content #fullScreenBg .action p:after{display:none}
 .mk-workshop #site-content #fullScreenBg .title span{font-size:12px}
 .mk-workshop #site-content #fullScreenBg .title p{font-size:24px;line-height:28px}
}
@media(max-width:359px){.mk-workshop #site-content{--workshop-cta-gutter:16px}}
@media(prefers-reduced-motion:reduce){.mk-workshop #site-content #fullScreenBg .action:hover p:before,.mk-workshop #site-content #fullScreenBg .action:hover p:after,.mk-workshop #site-content #fullScreenBg a:focus-visible .action p:before,.mk-workshop #site-content #fullScreenBg a:focus-visible .action p:after{animation:none;background-size:100% 100%}}

.mk-workshop #site-content .mk-workshop-video-link{margin:16px 0 0;text-align:center}
.mk-workshop #site-content .mk-workshop-video-link a{text-decoration:underline;text-underline-offset:4px}
