:root{--wix-ads-height:0px!important;--sticky-offset:0px!important;--wix-ads-top-height:0px!important}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0}#WIX_ADS{display:none!important}[data-section]{scroll-margin-top:0}wow-image,picture{display:block;width:100%;height:100%}[role=tabpanel][hidden]{display:none!important}[role=tabpanel]:not([hidden]){display:block!important;visibility:visible!important;opacity:1!important}[role=tab][aria-selected=true]{background:#000!important;color:#fff!important}[role=tab]{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #aaa900;outline-offset:5px}.copy-form-note{font:12px/1.5 Arial,sans-serif;margin-top:12px}.copy-form-status{font:14px/1.5 Arial,sans-serif;padding:12px 0}#SITE_CONTAINER{overflow:clip}
.copy-mobile-nav{display:none}.copy-current{background:#000!important;color:#fff!important}@media(max-width:1023px){#comp-mb7ogqrp_r_comp-mb7ogqqn{display:none!important}.copy-mobile-nav{display:flex;position:fixed;inset:0 0 auto;z-index:10000;align-items:center;justify-content:space-between;background:#ffffffed;backdrop-filter:blur(12px);padding:14px 18px;font:14px Arial,sans-serif}.copy-mobile-nav>a{color:#000;text-decoration:none}.copy-mobile-nav button{background:white;color:black;border:1px solid #000;border-radius:25px;padding:8px 14px;box-shadow:4px 4px #000;cursor:pointer}.copy-mobile-links{position:absolute;right:15px;top:64px;background:white;border:1px solid #000;border-radius:12px;padding:18px;box-shadow:4px 4px #000}.copy-mobile-links a{display:block;color:black;padding:12px;text-decoration:none}.copy-mobile-links[hidden]{display:none}body{padding-top:64px}}
.item[data-part="menu-item-content"]:hover {
  background-color: #000 !important;
  color: #fff !important;
}
.item[data-part="menu-item-content"]:hover [data-part="label"],
.item[data-part="menu-item-content"]:hover a {
  color: #fff !important;
}
.copy-mobile-nav button:hover,
.copy-mobile-nav button:focus-visible,
.copy-mobile-links a:hover,
.copy-mobile-links a:focus-visible {
  background-color: #000;
  color: #fff;
}

.item[data-part="menu-item-content"].copy-section-active {background-color:#000!important;color:#fff!important}
.item[data-part="menu-item-content"].copy-section-active a,
.item[data-part="menu-item-content"].copy-section-active [data-part="label"] {color:#fff!important}
/* Workshop: a continuous four-column feed of square editorial tiles. */
#main_MF .workshop-feed{display:block;position:relative;width:100%;height:auto;min-height:0;padding:85px 20px 20px;box-sizing:border-box;background:#f2f2f2}
.workshop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;width:100%;background:white;padding:40px;box-sizing:border-box;border-radius:12px}
.workshop-tile{aspect-ratio:1/1;min-width:0;margin:0;box-sizing:border-box;position:relative}
.workshop-image img{display:block;width:100%;height:100%;object-fit:cover}
.workshop-text{display:flex;flex-direction:column;justify-content:center;gap:24px;padding:clamp(12px,1.8vw,30px);font:clamp(14px,1.15vw,18px)/1.45 'eb garamond',Georgia,serif;color:#000}
.workshop-text p{margin:0}
.workshop-text a{align-self:flex-start;border:1px solid #000;border-radius:24px;padding:9px 12px;box-shadow:4px 4px #000;font:600 12px/1.3 Arial,sans-serif;text-decoration:none;color:#000;background:#fff}
.workshop-text a:hover{background:#000;color:#fff}
.workshop-title{display:flex;align-items:center;font-family:Arial,sans-serif;isolation:isolate}
.workshop-title>span{font-size:clamp(95px,11vw,180px);font-weight:800;letter-spacing:-.09em;line-height:1}
.workshop-title h2{position:absolute;left:18%;font:700 clamp(22px,2.4vw,38px)/1.1 Arial,sans-serif;background:#fff;padding:0 4px}
.workshop-title:after{content:'';position:absolute;left:67%;width:25%;aspect-ratio:1;background:#ffff48;border-radius:50%;z-index:-1}
@media(max-width:1023px){.workshop-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:24px;gap:16px}.workshop-text{font-size:16px}.workshop-title>span{font-size:130px}.workshop-title h2{font-size:28px}}
@media(max-width:540px){#main_MF .workshop-feed{padding:65px 12px 12px}.workshop-grid{grid-template-columns:minmax(0,1fr);padding:16px;gap:16px}.workshop-text{font-size:18px;padding:28px}.workshop-title>span{font-size:150px}.workshop-title h2{font-size:32px}}


/* Section > rounded panel > content: 80/20px outer, 40px inner. */
#main_MF .workshop-feed{display:block;position:relative;box-sizing:border-box;width:100%;height:auto;min-height:700px;padding:80px 20px 20px;border:0;border-radius:0;background:#f2f2f2}
.workshop-panel{box-sizing:border-box;position:relative;min-height:600px;padding:40px;border-radius:12px;background:#fff}
.workshop-content{position:relative;min-height:520px}
.workshop-grid{width:100%;margin:0;padding:0;border-radius:0;gap:20px}
.workshop-intro-space{grid-column:1;grid-row:1/span 2}
.workshop-original-heading{position:absolute;top:-20px;left:-40px;width:calc(100% + 80px);display:grid;grid-template-columns:1fr;grid-template-rows:1fr;pointer-events:none;z-index:1}
#main_MF .workshop-original-description{position:absolute;top:160px;left:0;margin:0;width:calc((100% - 60px)/4);max-width:226px;z-index:1}
@media(max-width:1023px){.workshop-original-heading{position:relative;height:180px;top:-20px}.workshop-original-heading>div{margin-bottom:0!important}#main_MF .workshop-original-description{position:relative;top:auto;left:auto;width:100%;max-width:none;margin:0 0 40px}.workshop-intro-space{display:none}.workshop-grid{margin:0;width:100%}}
/* Mirror the Portfolio panel, including its maximum width and scaled spacing. */
#main_MF .workshop-feed{padding:var(--ws-top,80px) var(--ws-right,20px) var(--ws-bottom,20px) var(--ws-left,20px);min-height:var(--ws-section-height,700px)}
.workshop-panel{min-height:var(--ws-panel-height,600px);padding:var(--ws-inset,40px);border-radius:var(--ws-radius,10px)}
.workshop-content{min-height:calc(var(--ws-panel-height,600px) - 2 * var(--ws-inset,40px))}
.workshop-grid{gap:calc(var(--ws-inset,40px)/2)}
.workshop-original-heading{left:calc(-1 * var(--ws-inset,40px));top:calc(-.5 * var(--ws-inset,40px));width:calc(100% + 2 * var(--ws-inset,40px))}
#main_MF .workshop-original-description{top:calc(4 * var(--ws-inset,40px));max-width:var(--ws-description-width,226px)}
@media(max-width:1023px){#main_MF .workshop-original-description{top:auto;max-width:none}}
/* Keep each piece of the original Workshop heading on one line. */
#main_MF .workshop-original-heading :is(.comp-mv5d6wi6,.comp-mv5d6wju,.comp-mvaoeym2){width:max-content;min-width:max-content;max-width:none;white-space:nowrap;overflow:visible}
#main_MF .workshop-original-heading :is(h2,p,span){white-space:nowrap;overflow-wrap:normal;word-break:normal}

#main_MF .comp-mv98spkm.workshop-original-cta{display:flex;width:max-content;max-width:100%;margin:32px 0 0 auto;grid-area:auto;white-space:nowrap}
/* TST title follows the capped scale of its original project container. */
body[data-project] #main_MF :is(.comp-mvf6c8br,.comp-mvf6c88k,.comp-mvf6c8ai){width:max-content;min-width:max-content;max-width:none;white-space:nowrap;overflow:visible}
body[data-project] #main_MF :is(.comp-mvf6c8br h2,.comp-mvf6c88k h3,.comp-mvf6c8ai h3){font-size:inherit;line-height:1;white-space:nowrap;overflow-wrap:normal;word-break:normal;letter-spacing:0}
body[data-project] .tst-location-mask{background:#fafafa;box-shadow:3px 0 #fafafa,-3px 0 #fafafa}
body[data-project] #main_MF .comp-mvf6c8ai{display:none}
/* One coordinate system keeps the title, place name and dot together. */
body[data-project] #main_MF .tst-fixed-heading{position:relative;width:2.78em;min-width:0;max-width:none;height:1em;isolation:isolate;white-space:nowrap}
body[data-project] #main_MF .tst-fixed-heading h2{position:absolute;inset:0 auto auto 0;margin:0;padding:0;font-size:1em;line-height:1;letter-spacing:0;white-space:nowrap;z-index:1}
body[data-project] .tst-fixed-dot{position:absolute;left:2.15em;top:.25em;width:.56em;height:.56em;border-radius:50%;background:#ff0;z-index:0}
body[data-project] .tst-fixed-location{position:absolute;left:5.28em;top:1.52em;font-size:.25em;line-height:1;font-family:helvetica-w01-bold,Arial,sans-serif;font-weight:400;white-space:nowrap;letter-spacing:0;z-index:2}
/* The last two letters sit inside a dot aligned to the code's bottom edge. */
body[data-project] .tst-fixed-dot{display:none}
body[data-project] .tst-fixed-location{top:.38em;left:1.32em;font-size:1em;display:flex;align-items:center;gap:0;line-height:1}
body[data-project] .tst-fixed-location .tst-location-mask{font-size:.25em;line-height:1;position:relative;z-index:2;box-shadow:3px 0 #fafafa,-3px 0 #fafafa}
body[data-project] .tst-location-ending{position:relative;display:flex;align-items:center;justify-content:flex-start;font-size:.25em;line-height:1;width:2.24em;height:1em;isolation:isolate}
body[data-project] .tst-location-ending:before{content:'';position:absolute;width:2.24em;height:2.24em;left:0;bottom:-.96em;border-radius:50%;background:#ff0;z-index:-1}
/* Centre the lettering optically while preserving the circle's bottom alignment. */
body[data-project] .tst-fixed-location{top:.4625em}
body[data-project] .tst-location-ending:before{bottom:-.63em}
body[data-project] .tst-fixed-location .tst-location-mask{transform:translateX(-.12em);box-shadow:none}
/* Preserve continuous word spacing; the highlight ends exactly at the dot. */
body[data-project] .tst-fixed-location .tst-location-mask{transform:none;box-shadow:none}

@media(max-width:1023px){body[data-project] #main_MF .tst-fixed-heading{font-size:min(88px,calc((100vw - 80px)/3.6))}}
/* Give the Workshop CTA label room on both sides. */
#main_MF .comp-mv98spkm.workshop-original-cta{padding-inline:clamp(12px,.9375vw,18px);box-sizing:border-box}
/* BJM: right-align the location and its dot within the fixed title composition. */
body[data-project="bjm"] .tst-fixed-location{left:auto;right:0}
/* Pointer selection has no focus ring; keyboard navigation keeps a visible cue. */
#main_MF [role="tab"]:focus:not(:focus-visible){outline:none!important}
#main_MF [role="tab"]:focus-visible{outline:2px solid #aaa900!important;outline-offset:5px}

/* Keep the two editorial paragraphs anchored to their requested corners. */
.workshop-text[data-workshop-id="workshop-04"],.workshop-text[data-workshop-id="workshop-08"]{justify-content:flex-start;align-items:stretch}
.workshop-text[data-workshop-id="workshop-04"] p{text-align:left}
.workshop-text[data-workshop-id="workshop-08"] p{text-align:right}