.mobile-section-layout,.mobile-section-heading,.mobile-project-page{display:none}
@media(max-width:1023px){
 html{scroll-padding-top:64px}body{background:#f2f2f2;padding-top:64px!important}.copy-mobile-nav{height:64px;box-sizing:border-box;font-size:12px;padding:12px 16px}.copy-mobile-nav button{min-height:36px}.copy-mobile-links{max-height:calc(100dvh - 90px);overflow:auto}.copy-mobile-links a{border-radius:20px}.copy-mobile-links .copy-current{padding-inline:16px}
 body.mobile-layout-active #main_MF,body.mobile-layout-active #site-root,body.mobile-layout-active #masterPage,body.mobile-layout-active #SITE_PAGES{width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important}
 body.mobile-layout-active [data-section]{display:block!important;position:relative!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:12px!important;box-sizing:border-box;scroll-margin-top:64px;background:#f2f2f2!important}
 body.mobile-layout-active [data-section]:not([data-section=workshop])> :not(.mobile-section-layout){display:none!important}
 body.mobile-layout-active #comp-mb7ogqrp_r_comp-mdr142kt,body.mobile-layout-active #comp-kbgakxmn_r_comp-mdr13kdg{display:none!important}
 .mobile-section-layout{display:block;width:100%;box-sizing:border-box}.mobile-panel{display:flex;flex-direction:column;gap:24px;padding:24px;box-sizing:border-box;border-radius:12px;background:#fff;color:#000;min-width:0;overflow:visible}.mobile-panel>*{min-width:0;max-width:100%}
 .mobile-prose{font:18px/1.5 'eb garamond',Georgia,serif}.mobile-prose p{margin:0 0 18px;text-align:left}.mobile-prose p:last-child{margin-bottom:0}.mobile-prose h3{font:700 24px/1.2 'eb garamond',Georgia,serif;margin:0}.mobile-image{margin:0;width:100%;height:auto;overflow:hidden}.mobile-image img{display:block;width:100%;height:auto;object-fit:contain}.mobile-button{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:40px;box-sizing:border-box;border:1px solid #000;border-radius:24px;padding:10px 18px;box-shadow:4px 4px #000;background:#fff;color:#000;text-decoration:none;font:600 12px/1.3 helvetica-w01-bold,Arial,sans-serif}.mobile-button:hover{background:#000;color:#fff}
 .mobile-section-heading{display:block;position:relative;isolation:isolate;width:255px;max-width:100%;height:122px;flex:none;font-family:helvetica-w01-bold,Arial,sans-serif}.mobile-section-number{position:absolute;left:0;top:0;font:400 130px/.9 helvetica-w01-bold,Arial,sans-serif;letter-spacing:-7px}.mobile-section-name{position:absolute;display:flex;align-items:center;gap:0;left:47px;top:48px;margin:0;white-space:nowrap;font:400 28px/1 helvetica-w01-bold,Arial,sans-serif;letter-spacing:-.4px;z-index:1}.mobile-heading-prefix{background:#fff;position:relative;z-index:1}.mobile-heading-ending{position:relative;isolation:isolate}.mobile-heading-ending:before{content:'';position:absolute;z-index:-1;left:0;top:50%;transform:translateY(-50%);width:68px;height:68px;border-radius:50%;background:#ff0}
 .mobile-eyebrow{font:600 11px/1.4 helvetica-w01-bold,Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em;margin:0}.mobile-hero-title h1{font:700 clamp(34px,8vw,58px)/1.03 'eb garamond',Georgia,serif;letter-spacing:-1.3px;margin:0}.mobile-hero-image{max-height:420px}.mobile-hero-image img{max-height:420px;object-fit:cover}.mobile-portrait img{max-height:460px;object-fit:cover}.mobile-contact-link{color:#000;font:18px/1.4 'eb garamond',Georgia,serif;overflow-wrap:anywhere}.mobile-socials{display:flex;gap:16px;flex-wrap:wrap}.mobile-addresses{border-top:1px solid #ddd;padding-top:24px}
 /* The live portfolio tabs and their existing selection logic are retained. */
 .mobile-portfolio-tabs{display:flex;flex-wrap:wrap;gap:10px;width:100%;box-sizing:border-box}.mobile-portfolio-tabs [role=tab]{position:static!important;transform:none!important;margin:0!important;min-width:56px!important;width:auto!important;height:auto!important;min-height:36px!important;padding:8px 12px!important;border:1px solid #000!important;border-radius:24px!important;box-shadow:3px 3px #000!important;background:#fff;color:#000;font:600 12px/1 helvetica-w01-bold,Arial,sans-serif!important;flex:0 0 auto}
 .mobile-portfolio-cards{width:100%}.mobile-portfolio-card{position:static!important;transform:none!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important}.mobile-portfolio-card> :not(.mobile-preview-content){display:none!important}.mobile-preview-content{display:flex;flex-direction:column;gap:18px}.mobile-preview-content>.builder-root{position:static!important;inset:auto!important;transform:none!important;grid-area:auto!important;margin:0!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;--scaling-factor:1!important}
 .mobile-preview-content .mobile-preview-image{order:0;aspect-ratio:4/3;overflow:hidden}.mobile-preview-image :is(div,wow-image,picture,img){position:static!important;width:100%!important;height:100%!important;inset:auto!important;transform:none!important}.mobile-preview-image img{object-fit:cover!important}
 .mobile-preview-content :is(h3,p,span){font-family:'eb garamond',Georgia,serif!important;font-size:18px!important;line-height:1.4!important;text-align:left!important;letter-spacing:normal!important}.mobile-preview-content :is(h3,p){margin:0!important}.mobile-preview-content .mobile-preview-name h3{font-size:22px!important}.mobile-preview-content .mobile-preview-title h3{font-weight:700!important}.mobile-preview-content>.mobile-preview-button{align-self:flex-start!important;width:auto!important;min-height:40px!important;padding:10px 18px!important;border:1px solid #000!important;border-radius:24px!important;box-shadow:4px 4px #000!important;background:#fff!important;display:inline-flex!important}.mobile-preview-button span{font:600 12px helvetica-w01-bold,Arial,sans-serif!important}.mobile-preview-button [id=animated-icon]{display:none!important}
 /* The Workshop keeps its live, editable grid, with two square columns. */
 body.mobile-layout-active #main_MF .workshop-panel{padding:24px!important;min-height:0!important;border-radius:12px!important}.workshop-content{min-height:0!important}.workshop-original-heading{display:none!important}.mobile-workshop-heading{margin-bottom:24px}body.mobile-layout-active #main_MF .workshop-original-description{position:static!important;width:100%!important;height:auto!important;min-height:0!important;margin:0 0 28px!important;max-width:none!important;transform:none!important;--scaling-factor:1!important}#main_MF .workshop-original-description h3,#main_MF .workshop-original-description h3 span{font:18px/1.5 'eb garamond',Georgia,serif!important;letter-spacing:normal!important;text-align:left!important}#main_MF .comp-mv98spkm.workshop-original-cta{position:static!important;transform:none!important;width:max-content!important;max-width:100%!important;height:auto!important;margin:24px 0 0!important;padding:10px 16px!important;min-height:40px!important}#main_MF .workshop-original-cta span{font:600 12px/1.3 helvetica-w01-bold,Arial,sans-serif!important}.workshop-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important;padding:0!important;margin:0!important}.workshop-intro-space{display:none!important}.workshop-tile{aspect-ratio:1!important;min-height:0!important;height:auto!important;width:100%!important}.workshop-text{font-size:clamp(10px,2.8vw,16px)!important;line-height:1.3!important;padding:8px!important;overflow:auto;gap:0}.workshop-text p{font:inherit!important}.ws-tile-controls{left:3px!important;top:3px!important;gap:3px!important;padding:3px!important;max-width:calc(100% - 6px)!important;border-radius:12px!important}.ws-tile-controls button{width:25px!important;height:25px!important;font-size:16px!important}.ws-tile-controls .ws-crop-button{width:auto!important;font-size:10px!important;padding:0 6px!important}.ws-tile-number{min-width:14px!important}.ws-editor-bar{bottom:12px;padding:14px;width:calc(100% - 24px)}.ws-editor-bar>div{gap:8px}.ws-editor-bar button{padding:10px 12px}.ws-editor-entry{max-width:100%;min-height:40px}
 /* Keep the original form, including entered values and submit handling. */
 .mobile-contact-form{position:static!important;width:100%!important;height:auto!important;min-width:0!important;margin:0!important;font:14px/1.4 helvetica-w01-bold,Arial,sans-serif!important}.mobile-contact-form fieldset{border:0;margin:0;padding:0;min-width:0}.mobile-contact-form [data-hook=form-root]>.ckHV4G{display:flex!important;flex-direction:column!important;gap:20px!important}.mobile-contact-form input,.mobile-contact-form textarea{font:16px helvetica-w01-bold,Arial,sans-serif!important;box-sizing:border-box;width:100%!important;min-width:0!important;padding:12px!important;border:1px solid #aaa!important;border-radius:8px!important;background:#fff!important;color:#000!important}.mobile-contact-form textarea{min-height:130px!important}.mobile-contact-form button[type=submit]{min-height:42px!important;font:600 14px helvetica-w01-bold,Arial,sans-serif!important}.mobile-contact-form label{font:14px/1.4 helvetica-w01-bold,Arial,sans-serif!important}.mobile-contact-form [data-hook=form-root]{width:100%!important}.mobile-contact-form .copy-form-note{font:12px/1.4 helvetica-w01-bold,Arial,sans-serif!important}
 /* Project pages use a vertical sequence while preserving title composition. */
 body[data-project].mobile-layout-active #main_MF{display:none!important}.mobile-project-page{display:flex;flex-direction:column;gap:16px;padding:12px;box-sizing:border-box}.mobile-project-page .mobile-panel{gap:24px}.mobile-project-page .mobile-project-heading{display:block!important;position:relative!important;inset:auto!important;margin:0 0 8px!important;width:2.78em!important;min-width:0!important;max-width:100%!important;height:1em!important;font-size:min(108px,calc((100vw - 72px)/3.6))!important;transform:none!important;grid-area:auto!important;--scaling-factor:1!important}.mobile-project-heading h2{font-size:1em!important;line-height:1!important;font-family:helvetica-w01-bold,Arial,sans-serif!important;font-weight:700!important}.mobile-project-subtitle h3{font:700 24px/1.2 'eb garamond',Georgia,serif;margin:0}.mobile-project-page .mobile-prose p{font-size:18px;line-height:1.5}.mobile-project-back{margin:8px 12px 16px}.mobile-copyright{font:11px/1.5 helvetica-w01-bold,Arial,sans-serif;text-align:center;margin:0 0 24px}
}
@media(min-width:600px) and (max-width:1023px){.mobile-panel{padding:40px}.mobile-section-layout,.mobile-project-page{max-width:760px;margin-inline:auto}.workshop-panel{max-width:736px;margin-inline:auto}.mobile-portfolio-tabs{gap:12px}.workshop-text{font-size:16px!important;padding:20px!important}.mobile-project-page .mobile-project-heading{font-size:138px!important}}
@media(max-width:1023px){
 body.mobile-layout-active [data-section]{scroll-margin-top:0}
 [data-section=portfolio] .mobile-panel>.mobile-prose h3{font:400 18px/1.5 'eb garamond',Georgia,serif}
 .mobile-contact-form div[data-theme=box],.mobile-contact-form div[data-hook=text-field-root],.mobile-contact-form div[data-hook=textarea-root]{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important}
 .mobile-project-heading h2{position:absolute!important;inset:0 auto auto 0!important;margin:0!important;padding:0!important;white-space:nowrap!important}
 .mobile-copyright{margin-top:24px}
}

/* Mobile uses the original desktop font families and Contact artwork. */
@media(max-width:1023px){
 .mobile-section-number,.mobile-section-name,.mobile-project-heading h2{font-family:helvetica-w01-bold,Arial,sans-serif!important;font-weight:400!important}
 .mobile-hero-title h1{font-family:'eb garamond',serif;letter-spacing:0}
 .mobile-button,.mobile-portfolio-tabs [role=tab],.mobile-preview-button span,.workshop-original-cta span{font-family:helvetica-w01-bold,Arial,sans-serif!important;font-weight:400!important}
 .copy-mobile-nav{font-family:helvetica-w01-light,Arial,sans-serif}.copy-mobile-nav b,.copy-mobile-nav button{font-family:helvetica-w01-bold,Arial,sans-serif;font-weight:400}
 .mobile-contact-form input,.mobile-contact-form textarea{font-family:'eb garamond',serif!important;font-weight:400!important}.mobile-contact-form label,.mobile-contact-form .copy-form-note{font-family:helvetica-w01-light,Arial,sans-serif!important;font-weight:400!important}.mobile-contact-form button[type=submit]{font-family:helvetica-w01-bold,Arial,sans-serif!important;font-weight:400!important}
 .mobile-contact-row{display:flex;align-items:center;gap:14px;text-decoration:none;min-height:36px}.mobile-contact-row span{min-width:0}.mobile-contact-icon{display:block;flex:none;width:24px;height:28px;overflow:visible}.mobile-contact-row[href^='tel:'] .mobile-contact-icon{width:16px;margin-inline:4px}.mobile-contact-row[href^='mailto:'] .mobile-contact-icon{height:20px}
 .mobile-contact-map{position:relative;isolation:isolate;align-self:center;width:100%;max-width:320px;aspect-ratio:1.128505;margin:8px 0;overflow:visible}.mobile-contact-map-image{display:block;position:absolute;left:2.746%;top:3.598%;width:94.508%;height:92.804%;transform:rotate(-4deg);object-fit:fill}.mobile-map-pin{display:block;position:absolute;width:4.26%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:1}.mobile-map-pin svg{display:block;width:100%;height:100%;overflow:visible}
 .mobile-socials{gap:16px}.mobile-social-icon{display:block;position:relative;flex:none;width:44px;height:44px;color:#000}.mobile-social-icon>svg{position:absolute;inset:0;width:100%;height:100%}.mobile-social-icon>img{display:block;position:absolute;inset:7px;width:30px;height:30px;object-fit:contain}
 .mobile-contact-form{padding-top:24px!important;border-top:1px solid #ddd}
}

@media(max-width:1023px){.mobile-addresses p{margin:0 0 2px}.mobile-addresses .mobile-address-title:not(:first-child){margin-top:24px}}

/* Contact mobile: two aligned columns and a clean, flowing form. */
@media(max-width:1023px){
 [data-section=contact] .mobile-panel{gap:28px}
 .mobile-contact-intro{width:calc((100% - 16px)/2);display:flex;flex-direction:column;gap:16px}
 .mobile-contact-intro .mobile-prose h3{font-size:20px;line-height:1.15}
 .mobile-contact-intro .mobile-prose p{text-align:justify;font-size:15px;line-height:1.4;hyphens:auto}
 .mobile-contact-locations,.mobile-contact-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start;width:100%}
 .mobile-contact-locations .mobile-addresses{grid-column:1;grid-row:1;margin:0;padding:0;border:0;font-size:14px;line-height:1.35;overflow-wrap:normal}
 .mobile-contact-locations .mobile-addresses p{font-size:inherit;line-height:inherit}
 .mobile-contact-locations .mobile-contact-map{grid-column:2;grid-row:1;align-self:start;width:100%;margin:0;max-width:none}
 .mobile-contact-channels{display:flex;flex-direction:column;gap:12px;min-width:0}
 .mobile-contact-details .mobile-contact-row{font-size:13px;line-height:1.3;gap:7px;min-height:24px}
 .mobile-contact-details .mobile-contact-icon{width:16px;height:20px}.mobile-contact-details .mobile-contact-row[href^='tel:'] .mobile-contact-icon{width:12px;margin-inline:2px}.mobile-contact-details .mobile-contact-row[href^='mailto:'] .mobile-contact-icon{height:14px}
 .mobile-contact-details .mobile-contact-row span{overflow-wrap:anywhere}
 .mobile-contact-details .mobile-socials{grid-column:2;justify-content:flex-end;align-items:flex-start;gap:10px;flex-wrap:nowrap}
 .mobile-contact-details .mobile-social-icon{width:36px;height:36px}.mobile-contact-details .mobile-social-icon>img{inset:6px;width:24px;height:24px}
 .mobile-contact-form{border:0!important;padding:0!important}
 .mobile-contact-form>:not(.mobile-form-fields):not(.copy-form-note){display:none!important}
 .mobile-form-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;width:100%}
 .mobile-field{grid-column:1/-1;display:flex;flex-direction:column;gap:8px;position:static;min-width:0;height:auto}
 .mobile-field-name{grid-column:auto}
 .mobile-contact-form .mobile-field label{display:block!important;position:static!important;transform:none!important;inset:auto!important;margin:0!important;padding:0!important;width:auto!important;height:auto!important;line-height:1.4!important}
 .mobile-contact-form .mobile-field .mobile-form-input{display:block!important;position:static!important;transform:none!important;inset:auto!important;float:none!important;margin:0!important;min-width:0!important;max-width:100%!important;height:44px!important;min-height:44px!important;line-height:1.4!important}
 .mobile-contact-form .mobile-field textarea.mobile-form-input{height:160px!important;min-height:160px!important;resize:vertical!important;overflow:auto!important}
 .mobile-contact-form .mobile-form-submit{grid-column:1/-1;position:static!important;transform:none!important;width:100%!important;height:auto!important;min-height:44px!important;margin:0!important;padding:10px 16px!important;border:1px solid #000!important;border-radius:24px!important;background:#fff!important;color:#000!important;line-height:1.4!important}
 .mobile-contact-form .mobile-form-submit *{position:static!important;transform:none!important;height:auto!important}
 .mobile-contact-form .copy-form-note{margin-top:16px!important}
}
@media(max-width:359px){.mobile-contact-intro .mobile-prose p{font-size:14px}.mobile-contact-locations .mobile-addresses{font-size:13px}.mobile-contact-details .mobile-contact-row{font-size:12px;gap:5px}.mobile-contact-details .mobile-social-icon{width:32px;height:32px}.mobile-contact-details .mobile-social-icon>img{inset:5px;width:22px;height:22px}.mobile-field-name{grid-column:1/-1}}
/* Contact header and optical bottom alignment share the same two-column rhythm. */
@media(max-width:1023px){
 [data-section=contact] .mobile-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px;row-gap:28px}
 [data-section=contact] .mobile-panel>.mobile-section-heading{grid-column:1;grid-row:1;width:100%;height:clamp(68px,21.8vw,122px);max-width:255px}
 [data-section=contact] .mobile-section-number{font-size:clamp(65px,21vw,130px);letter-spacing:-.054em}
 [data-section=contact] .mobile-section-name{font-size:clamp(15px,4.6vw,28px);left:clamp(25px,7.7vw,47px);top:clamp(26px,7.7vw,48px)}
 [data-section=contact] .mobile-heading-ending:before{width:clamp(36px,11.3vw,68px);height:clamp(36px,11.3vw,68px)}
 [data-section=contact] .mobile-panel>.mobile-contact-intro{grid-column:2;grid-row:1;width:100%}
 [data-section=contact] .mobile-panel>:is(.mobile-contact-locations,.mobile-contact-details,.mobile-contact-form){grid-column:1/-1}
 .mobile-contact-channels{transform:translateY(calc(36px - 100%))}
 .mobile-contact-channels .mobile-contact-row:last-child{align-items:flex-end;line-height:1}
 /* A visual shift leaves the row's original height, and the form position, intact. */
 :is(.mobile-button,.mobile-preview-button,.mobile-form-submit,.copy-mobile-nav button,.mobile-portfolio-tabs [role=tab],.workshop-original-cta){text-decoration:none!important;--wst-paragraph-2-overriden-font-text-decoration:none;--wix-ui-tpa-button-hover-text-font-text-decoration:none}
 :is(.mobile-button,.mobile-preview-button,.mobile-form-submit,.copy-mobile-nav button,.mobile-portfolio-tabs [role=tab],.workshop-original-cta) *{text-decoration:none!important}
 :is(.mobile-button,.mobile-preview-button,.mobile-form-submit,.copy-mobile-nav button,.mobile-portfolio-tabs [role=tab],.workshop-original-cta):is(:hover,:active,:focus-visible){background:#000!important;color:#fff!important;border-color:#000!important;text-decoration:none!important}
 :is(.mobile-button,.mobile-preview-button,.mobile-form-submit,.copy-mobile-nav button,.mobile-portfolio-tabs [role=tab],.workshop-original-cta):is(:hover,:active,:focus-visible) *{color:#fff!important;text-decoration:none!important}
 .mobile-contact-form button.mobile-form-submit:is(:hover,:active,:focus-visible){background:#000!important;color:#fff!important;text-decoration:none!important}
}
@media(max-width:359px){.mobile-contact-channels{transform:translateY(calc(32px - 100%))}}

/* One fixed title composition and one header grid for every mobile section. */
.mobile-site-footer{display:none}
@media(max-width:1023px){
 [data-section]:not([data-section=atterrissage]) .mobile-panel,.workshop-content{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px;row-gap:28px;align-items:start}
 [data-section]:not([data-section=atterrissage]) .mobile-panel>.mobile-section-heading,.mobile-workshop-heading{grid-column:1;grid-row:1;margin:0!important}
 [data-section]:not([data-section=atterrissage]) .mobile-panel>.mobile-section-intro{grid-column:2;grid-row:1;width:100%;margin:0}
 [data-section]:not([data-section=atterrissage]) .mobile-panel>:not(.mobile-section-heading):not(.mobile-section-intro){grid-column:1/-1}
 body.mobile-layout-active #main_MF .workshop-original-description{grid-column:2;grid-row:1;margin:0!important}
 .workshop-content>.workshop-grid{grid-column:1/-1;grid-row:2}
 .mobile-section-heading,[data-section=contact] .mobile-panel>.mobile-section-heading{font-size:clamp(65px,21vw,130px);width:100%;max-width:255px;height:1em;position:relative;isolation:isolate}
 .mobile-section-heading .mobile-section-number,[data-section=contact] .mobile-section-number{font-size:1em;line-height:1;letter-spacing:-.054em;top:0;left:0}
 .mobile-section-heading .mobile-section-name,[data-section=contact] .mobile-section-name{font-size:.22em;line-height:1;left:1.64em;top:2.27em;letter-spacing:0}
 .mobile-section-heading .mobile-heading-ending:before,[data-section=contact] .mobile-heading-ending:before{width:2.364em;height:2.364em;left:0;top:50%;transform:translateY(-50%)}
 .mobile-section-intro p,.mobile-section-intro h3,[data-section=portfolio] .mobile-panel>.mobile-section-intro h3{font-size:15px;line-height:1.4;text-align:justify;hyphens:auto}
 .mobile-section-intro p{margin-bottom:16px}.mobile-section-intro p:last-child{margin-bottom:0}
 .mobile-contact-intro .mobile-prose h3{font-size:20px;line-height:1.15;text-align:left}
 #main_MF .workshop-original-description h3,#main_MF .workshop-original-description h3 span{font-size:15px!important;line-height:1.4!important;text-align:justify!important;hyphens:auto}
 #main_MF .comp-mv98spkm.workshop-original-cta{width:100%!important;white-space:normal!important;padding:10px 8px!important}
 #main_MF .workshop-original-cta span{font-size:11px!important;white-space:normal!important;text-align:center!important}
 .workshop-original-description .ws-editor-entry{font-size:11px;padding:10px 8px;width:100%;box-sizing:border-box}
 .mobile-contact-locations{margin-top:16px}
 .mobile-contact-details .mobile-contact-row{font-family:'eb garamond',serif;font-size:14px;line-height:1.35}
 .mobile-contact-details .mobile-contact-row span{font-family:'eb garamond',serif!important;font-size:inherit;font-weight:400}
 .mobile-site-footer{display:block;background:#ff0;color:#000;margin:0;width:100%;box-sizing:border-box;padding:8px 14px;text-align:center;font:400 11px/1.35 'eb garamond',serif}
}
@media(max-width:359px){
 .mobile-section-intro p,.mobile-section-intro h3{font-size:14px}
 #main_MF .workshop-original-description h3,#main_MF .workshop-original-description h3 span{font-size:14px!important}
 .mobile-contact-details .mobile-contact-row{font-size:13px}
}
@media(max-width:1023px){
 .mobile-contact-details{min-height:60px}
 .mobile-contact-details .mobile-contact-row[href^='mailto:'] span{white-space:nowrap;overflow-wrap:normal}
}
/* Final Contact spacing: four message lines and a slimmer credit strip. */
@media(max-width:1023px){
 .mobile-contact-form .mobile-field textarea.mobile-form-input{height:116px!important;min-height:116px!important}
 .mobile-contact-locations{margin-top:28px}
 .mobile-contact-details{margin-top:24px}
 .mobile-site-footer{padding-block:5px}
}

/* Compact mobile navigation and original desktop wordmark typography. */
@media(max-width:1023px){
 html{scroll-padding-top:32px}body{padding-top:32px!important}
 .copy-mobile-nav{height:32px;padding:2px 16px 5px;justify-content:flex-end}
 .copy-mobile-nav>button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:24px;min-height:24px;padding:0;border-radius:18px;box-shadow:3px 3px #000}
 .copy-mobile-nav>button svg{display:block;flex:none}
 .copy-mobile-links{top:calc(100% + 6px);max-height:calc(100dvh - 48px)}
 .mobile-eyebrow{font:400 20px/1.25 helvetica-w01-light,sans-serif;text-transform:none;letter-spacing:0}
}

@media(max-width:1023px){
 .copy-mobile-nav{background:transparent;-webkit-backdrop-filter:blur(7.5px);backdrop-filter:blur(7.5px)}
 .copy-mobile-nav>button{width:24px;height:24px;min-width:24px;min-height:24px;border-radius:50%;aspect-ratio:1}
 .copy-mobile-nav>button svg{width:16px;height:6px}
 .copy-mobile-links,.copy-mobile-links a{font-family:Helvetica,Arial,sans-serif;font-weight:400}
}

/* The landing section sits directly on white, with the shared content inset. */
@media(max-width:1023px){
 body.mobile-layout-active:has(.mobile-hero){background:#fff}
 body.mobile-layout-active [data-section=atterrissage]{background:#fff!important}
 .mobile-panel.mobile-hero{background:transparent;border-radius:0}
 .mobile-hero-title h1{font-size:clamp(25px,7vw,32px);line-height:1.1}
 .mobile-hero-diptych{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}
 .mobile-hero-diptych .mobile-hero-image{width:100%;height:auto;max-height:none;aspect-ratio:1/2}
 .mobile-hero-diptych .mobile-hero-image img{width:100%;height:100%;max-height:none;object-fit:cover}
 .mobile-hero-plus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:34px;height:34px;z-index:1;pointer-events:none}
 .mobile-hero-plus svg{display:block;width:100%;height:100%}
 .mobile-hero>.mobile-prose{font-size:15px;line-height:1.4}
 .mobile-hero>.mobile-prose p{font-size:inherit;line-height:inherit}
}


@media(max-width:1023px){
 .mobile-hero-diptych{gap:5px}
 .copy-mobile-nav{padding-right:39px}
 .mobile-hero>.mobile-prose p{text-align:justify;hyphens:auto}
}

@media(max-width:1023px){
 html{scroll-padding-top:40px}body{padding-top:40px!important}
 .copy-mobile-nav{height:40px;padding-top:6px;padding-bottom:9px}
 .mobile-panel.mobile-hero{padding-top:18px}
 .mobile-hero-title h1{font-size:clamp(22px,6vw,27px);line-height:1.1}
}

/* Shared mobile content gutters, including tablet widths. */
@media(min-width:600px) and (max-width:1023px){
 body.mobile-layout-active #main_MF .workshop-panel{max-width:760px!important;padding-inline:40px!important}
 .copy-mobile-nav{padding-right:calc(max(12px,(100vw - 760px)/2) + 43px)}
}

@media(max-width:1023px){
 .mobile-contact-locations .mobile-contact-map{align-self:center;margin-block:0}
}

/* Uniform Garamond body copy across every mobile page. */
@media(max-width:1023px){
 .mobile-prose,.mobile-prose p,.mobile-section-intro p,.mobile-section-intro h3,
 [data-section=portfolio] .mobile-panel>.mobile-section-intro h3,
 .mobile-contact-intro .mobile-prose p,
 .mobile-contact-locations .mobile-addresses,.mobile-contact-locations .mobile-addresses p,
 .mobile-contact-details .mobile-contact-row,.mobile-contact-details .mobile-contact-row span,
 .mobile-project-page .mobile-prose p,.mobile-site-footer,
 .mobile-hero>.mobile-prose,.mobile-hero>.mobile-prose p,
 .workshop-text,.workshop-text p,
 #main_MF .workshop-original-description h3,#main_MF .workshop-original-description h3 span,
 .mobile-preview-content .mobile-preview-details :is(h3,p,span){font-size:12px!important}
}

/* One mobile button scale, including the menu control. */
@media(max-width:1023px){
 :is(.mobile-button,.mobile-preview-button,.mobile-form-submit,.mobile-portfolio-tabs [role=tab],.ws-editor-entry,.ws-editor-bar button,.ws-add-actions button,.ws-tile-controls button),
 #main_MF .comp-mv98spkm.workshop-original-cta{
  box-sizing:border-box!important;height:30px!important;min-height:30px!important;padding:0 12px!important;
  display:inline-flex!important;align-items:center;justify-content:center;
  font:700 12px/1.15 helvetica-w01-bold,Arial,sans-serif!important;
 }
 :is(.mobile-button,.mobile-preview-button,.mobile-form-submit,.mobile-portfolio-tabs [role=tab],.ws-editor-entry,.ws-editor-bar button,.ws-add-actions button) *,
 #main_MF .workshop-original-cta span{font:700 12px/1.15 helvetica-w01-bold,Arial,sans-serif!important}
 .copy-mobile-nav{height:44px;padding-top:5px;padding-bottom:9px}
 .copy-mobile-nav>button{height:30px;min-height:30px;width:30px;min-width:30px;padding:0;font-size:12px;font-weight:700}
 .copy-mobile-nav>button svg{width:18px;height:6px}
 html{scroll-padding-top:44px}body{padding-top:44px!important}
}
@media(max-width:1023px){
 #main_MF .mobile-contact-form button.mobile-form-submit{height:30px!important;min-height:30px!important;max-height:30px!important}
 .copy-mobile-links a{box-sizing:border-box;display:flex;align-items:center;height:30px;min-height:30px;padding:0 12px;font:700 12px/1.15 helvetica-w01-bold,Arial,sans-serif}
}

@media(max-width:1023px){
 .copy-mobile-nav{justify-content:space-between;padding-left:36px}
 .copy-mobile-nav>.copy-mobile-top{display:flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;width:30px;height:30px;border:1px solid #000;border-radius:50%;box-shadow:3px 3px #000;background:#fff;color:#000;text-decoration:none}
 .copy-mobile-top svg{display:block;flex:none;width:34px;height:34px;transform:rotate(-90deg);fill:currentColor}
 .copy-mobile-nav>.copy-mobile-top:is(:hover,:active,:focus-visible){background:#000;color:#fff;text-decoration:none}
}
@media(min-width:600px) and (max-width:1023px){.copy-mobile-nav{padding-left:calc(max(12px,(100vw - 760px)/2) + 40px)}}

@media(max-width:1023px){
 body[data-project] .copy-mobile-nav>.copy-mobile-top{display:none}
 body[data-project] .copy-mobile-nav{justify-content:flex-end}
 body.mobile-layout-active [data-section=atterrissage]{padding-top:0!important}
 .mobile-panel.mobile-hero{padding-top:10px}
}

@media(max-width:1023px){
 #main_MF .comp-mv98spkm.workshop-original-cta{padding-inline:4px!important;white-space:nowrap!important}
 #main_MF .workshop-original-cta span{font-size:clamp(8px,2.4vw,12px)!important;white-space:nowrap!important}
 .copy-mobile-links{box-sizing:border-box;width:160px;height:158px;padding:18px}
 .copy-mobile-links a,.copy-mobile-links a.copy-current{box-sizing:border-box;width:100%;height:30px;min-height:30px;padding:0 12px;white-space:nowrap}
}

/* At each mobile anchor, the 45px menu occupies the space before the panel. */
@media(max-width:1023px){
 :root{--mobile-container-gutter:max(12px,calc((100vw - 760px)/2))}
 .copy-mobile-nav{height:45px}
 body{padding-top:45px!important}
 html{scroll-padding-top:12px}
 body.mobile-layout-active [data-section]:not([data-section=atterrissage]){
  padding-top:calc(45px + var(--mobile-container-gutter) - 12px)!important;
  scroll-margin-top:0;
 }
}

@media(max-width:1023px){
 body.mobile-layout-active [data-section=atterrissage]{padding-bottom:0!important}
 body.mobile-layout-active #main_MF [data-section=workshop]{padding-top:calc(45px + var(--mobile-container-gutter))!important;scroll-margin-top:-12px}
}

/* Portfolio: introductory columns, project image, then two rows of tabs. */
@media(max-width:1023px){
 [data-section=portfolio] .mobile-portfolio-cards,[data-section=portfolio] .mobile-portfolio-card:not([hidden]),[data-section=portfolio] .mobile-preview-content{display:contents!important}
 [data-section=portfolio] .mobile-preview-summary{grid-column:1!important;grid-row:1;align-self:end;display:flex;flex-direction:column;gap:8px;padding-top:calc(clamp(65px,21vw,130px) + 16px);min-width:0}
 .mobile-preview-summary>.builder-root{position:static!important;inset:auto!important;transform:none!important;grid-area:auto!important;margin:0!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;--scaling-factor:1!important}
 .mobile-preview-summary :is(h3,p,span){font-family:'eb garamond',Georgia,serif!important;font-size:12px!important;line-height:1.25!important;text-align:left!important;letter-spacing:0!important;margin:0!important}
 .mobile-preview-summary .mobile-preview-name h3,.mobile-preview-summary .mobile-preview-name h3 span{font-size:14px!important}
 .mobile-preview-summary .mobile-preview-title h3{font-weight:700!important}
 .mobile-preview-summary .mobile-preview-button{width:max-content!important;max-width:100%!important;display:inline-flex!important;align-items:center;justify-content:center;height:30px!important;min-height:30px!important;padding:0 10px!important;border:1px solid #000!important;border-radius:24px!important;box-shadow:3px 3px #000!important;background:#fff!important;color:#000!important}
 .mobile-preview-summary .mobile-preview-button span{font:700 12px/1.15 helvetica-w01-bold,Arial,sans-serif!important}
 .mobile-preview-summary .mobile-preview-button:is(:hover,:active,:focus-visible){background:#000!important;color:#fff!important}
 .mobile-preview-summary .mobile-preview-button:is(:hover,:active,:focus-visible) span{color:#fff!important}
 [data-section=portfolio] .mobile-preview-image{grid-column:1/-1!important;grid-row:2;width:100%!important;margin:0!important}
 [data-section=portfolio] .mobile-panel>.mobile-portfolio-tabs{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px 6px;padding-right:3px}
 .mobile-portfolio-tabs [role=tab]{width:100%!important;min-width:0!important;padding:0 2px!important;font-size:clamp(9px,2.8vw,11px)!important;white-space:nowrap}
}
