/* MYD logo proportions; original layout and motion remain intact. */
.myd-logo{width:190px!important;height:auto!important;max-width:100%;object-fit:contain}
@media(max-width:767px){.myd-logo{width:140px!important}}

/* Site-production attribution: replacement for the original footer credit. */
.streetartdigital-credit { display: inline-flex; width: 205px; max-width: 100%; align-items: center; justify-content: flex-end; text-decoration: none; transition: opacity .25s ease, transform .25s ease; }
.streetartdigital-credit img { display: block; width: 205px; max-width: 100%; height: auto; }
.streetartdigital-credit:hover { opacity: .76; transform: translateY(-2px); }
.streetartdigital-credit:focus-visible { outline: 2px solid #444; outline-offset: 5px; }

/* MYD contact page – balanced two-column layout (2026-10-08). */
#contact-page .contact-layout{transform:none!important;}
#contact-page .contact-grid{
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  gap:clamp(44px,5vw,86px);
  align-items:stretch;
}
#contact-page .contact-map-column{
  display:flex;flex-direction:column;gap:24px;min-width:0;
}
#contact-page .contact-map-frame{
  flex:1 0 auto; height:490px; min-height:490px;
  overflow:hidden;border-radius:28px;background:#f3f4f4;
}
#contact-page .contact-map-frame #map,
#contact-page .contact-map-frame iframe{display:block;width:100%;height:100%;}
#contact-page .contact-map-footer{
  display:flex;align-items:center;justify-content:space-between;
  gap:18px;padding:0 0 0 2px;min-height:64px;
}
#contact-page .contact-map-footer>p{font-size:16px;line-height:1.5;}
#contact-page #contact-form-button{flex-shrink:0;}
#contact-page .contact-info-panel{
  display:flex; flex-direction:column;justify-content:space-between;
  min-width:0;max-width:none;padding:0;gap:20px;
}
#contact-page .contact-info-main{display:flex;flex-direction:column;gap:38px;}
#contact-page .contact-intro{display:flex;flex-direction:column;gap:16px;}
#contact-page .contact-intro h1{margin:0;line-height:1.13;letter-spacing:-1.2px;}
#contact-page .contact-intro p{
  font-size:18px;line-height:1.6;max-width:530px;color:#767676;
}
#contact-page .contact-details{display:flex;flex-direction:column;gap:21px;}
#contact-page .contact-details>a{
  display:flex;align-items:flex-start;gap:17px;min-width:0;max-width:100%;
  text-decoration:none;
}
#contact-page .contact-details>a>i{
  display:block; flex:0 0 36px;width:36px;margin-top:3px;
  font-size:30px;line-height:36px;height:36px;
}
#contact-page .contact-details>a>span{
  display:block;min-width:0;overflow-wrap:break-word;word-break:normal;
  line-height:1.55;font-size:18px;
}
#contact-page .contact-details>a:first-child>span{
  font-size:25px;line-height:1.35;font-weight:700;
}
#contact-page .contact-details strong{
  display:block;font-size:17px;line-height:1.42;margin-bottom:3px;
}
#contact-page .contact-social-links{margin:0;padding:0;min-height:50px;align-items:center;}
#contact-page .contact-social-links>li>a{display:block;}
@media(max-width:1535px){
  #contact-page .contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,4vw,68px);}
  #contact-page .contact-map-frame{height:465px;min-height:465px;}
  #contact-page .contact-info-main{gap:29px;}
  #contact-page .contact-details{gap:18px;}
}
@media(max-width:1279px){
  #contact-page .contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;}
  #contact-page .contact-map-frame{height:435px;min-height:435px;}
  #contact-page .contact-intro h1{font-size:37px;}
  #contact-page .contact-map-footer{flex-wrap:wrap;}
  #contact-page .contact-details>a:first-child>span{font-size:23px;}
}
@media(max-width:1024px){
  #contact-page .contact-grid{grid-template-columns:minmax(0,1fr);gap:42px;}
  #contact-page .contact-map-column{gap:22px;}
  #contact-page .contact-info-panel{gap:27px;}
  #contact-page .contact-intro h1{font-size:34px;}
  #contact-page .contact-map-frame{height:440px;min-height:440px;}
  #contact-page .contact-map-footer{justify-content:flex-start;}
  #contact-page .contact-map-footer>p{display:none;}
  #contact-page .contact-social-links{justify-content:flex-start;}
}
@media(max-width:640px){
  #contact-page .contact-grid{gap:32px;}
  #contact-page .contact-map-frame{height:330px;min-height:330px;border-radius:18px;}
  #contact-page .contact-map-footer{padding:0;}
  #contact-page .contact-intro h1{font-size:30px;}
  #contact-page .contact-intro p{font-size:18px;}
  #contact-page .contact-details{gap:22px;}
  #contact-page .contact-details>a{gap:13px;}
  #contact-page .contact-details>a>i{flex-basis:32px;width:32px;font-size:28px;}
  #contact-page .contact-details>a>span{font-size:17px;}
  #contact-page .contact-details>a:first-child>span{font-size:22px;}
  #contact-page .contact-social-links{margin:0;}
}


/* === MYD fixed mobile navigation (all pages; 320–1024px) === */
@media (max-width: 1024px) {
  #header .header-body { position:relative; z-index:5; }
  #header #menu-button { display:block!important; position:relative; z-index:55; width:55px; height:55px; cursor:pointer; touch-action:manipulation; flex-shrink:0; }
  #header #menu-button:focus-visible { outline:2px solid #222; outline-offset:3px; border-radius:6px; }
  #header #header-bg { display:none!important; }
  #header nav {
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:100%!important;
    width:100vw!important;
    height:calc(100vh - var(--header-height, 90px))!important;
    height:calc(100dvh - var(--header-height, 90px))!important;
    max-height:calc(100dvh - var(--header-height, 90px))!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    padding:22px 24px 40px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    box-sizing:border-box;
    background:#fff;
    box-shadow:0 12px 30px rgba(0,0,0,.09);
    z-index:50;
    visibility:hidden;
    opacity:0;
    pointer-events:none!important;
    transform:translateY(-10px);
    transition:visibility .25s,opacity .25s,transform .25s;
  }
  body.myd-mobile-menu-open #header nav {
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }
  #header nav > ul { width:100%!important; height:auto!important; min-height:0; flex:0 0 auto; gap:0; padding:0; margin:0; }
  #header nav .menu-item { width:100%!important; height:auto!important; opacity:0; transform:translateY(8px); }
  body.myd-mobile-menu-open #header nav .menu-item { opacity:1!important; transform:translateY(0)!important; transition-delay:0s!important; transition-duration:.18s!important; }
  #header nav .menu-item a { min-height:56px; padding:13px 10px!important; width:100%; justify-content:center; }
  #header nav .menu-item a span { font-size:21px!important; line-height:1.4!important; color:#111!important; }
  body.myd-mobile-menu-open #header nav .delay-item { opacity:1!important; transform:none!important; transition-delay:0s!important; transition-duration:.18s!important; }
  #header nav > div { flex-shrink:0; padding-top:14px; }
  body.myd-mobile-menu-open { overflow:hidden!important; }
}
@media (max-width: 480px) {
  #header nav { padding:12px 18px 25px!important; }
  #header nav .menu-item a { min-height:52px; padding:11px 8px!important; }
  #header nav .menu-item a span { font-size:20px!important; }
}


/* Mobile footer Street Art Digital credit alignment */
@media (max-width: 767px) {
  .streetartdigital-credit {
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
    max-width:205px !important;
    margin:0 auto !important;
    text-align:center !important;
  }
  .streetartdigital-credit img {
    margin:0 auto !important;
  }
}


/* MYD: orderly, mobile-only footer. Desktop is unchanged. */
@media (max-width: 1024px) {
  footer.footer-field {padding:48px 0 32px!important;background:#fff;}
  footer.footer-field > .site-container {width:100%; max-width:650px; margin-inline:auto; padding-inline:clamp(20px,5vw,32px);}
  footer.footer-field .myd-footer-upper {
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    flex-wrap:nowrap!important;gap:0!important;width:100%;
    padding:0 0 27px!important;border-bottom:1px solid #ececec;
  }
  footer.footer-field .myd-footer-upper > div {max-width:none!important; width:100%!important; flex:none!important;}
  footer.footer-field .myd-footer-brand {
    order:1!important;display:flex!important;justify-content:center!important;
    align-items:center!important;margin:0 0 18px!important;
  }
  footer.footer-field .myd-footer-brand img.myd-logo {
    display:block;width:180px!important;max-width:80%!important;height:auto!important;
    margin:0 auto!important;
  }
  footer.footer-field .myd-footer-phone {
    order:2!important;display:flex!important;justify-content:center!important;
    align-items:center!important;margin:0 0 24px!important;
  }
  footer.footer-field .myd-footer-phone > div {
    display:flex!important;justify-content:center!important;align-items:center!important;
    gap:0!important;width:100%;
  }
  footer.footer-field .myd-footer-phone a.group\/call {
    display:flex;align-items:center;justify-content:center;gap:10px!important;
    width:max-content;max-width:100%;min-height:44px;
    text-align:center;text-decoration:none;
  }
  footer.footer-field .myd-footer-phone .icon-headset {
    width:30px!important;height:30px!important;font-size:30px!important;
    flex:0 0 30px;line-height:30px;
  }
  footer.footer-field .myd-footer-phone a.group\/call > span {
    font-size:20px!important;line-height:1.35!important;font-weight:700!important;
    letter-spacing:-.35px;
  }
  footer.footer-field .myd-footer-social {
    order:3!important;display:flex!important;justify-content:center!important;align-items:center!important;
  }
  footer.footer-field .myd-footer-social ul {
    display:flex!important;justify-content:center!important;align-items:center!important;
    width:100%;gap:clamp(9px,3.2vw,16px)!important;padding:0!important;margin:0!important;
    flex-wrap:nowrap!important;list-style:none;
  }
  footer.footer-field .myd-footer-social li {display:block;flex:0 0 auto;}
  footer.footer-field .myd-footer-social li > a {
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:46px;height:46px;border:1px solid #e6e6e6;border-radius:50%;
    background:#fafafa;text-decoration:none;
  }
  footer.footer-field .myd-footer-social li > a > span {
    width:44px!important;height:44px!important;display:flex;align-items:center;justify-content:center;
  }
  footer.footer-field .myd-footer-social li i {
    font-size:21px!important;color:#686b6e!important;height:auto!important;
  }
  footer.footer-field .myd-footer-lower {
    display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;
    gap:0!important;width:100%;padding-top:26px!important;
  }
  footer.footer-field .myd-footer-lower > div {max-width:none!important;width:100%!important;flex:none!important;}
  footer.footer-field .myd-footer-policies {
    order:1!important;display:block!important;min-width:0;
  }
  footer.footer-field .myd-footer-policies ul {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%!important;gap:10px!important;margin:0!important;padding:0!important;
    align-items:stretch!important;justify-items:stretch!important;list-style:none;
  }
  footer.footer-field .myd-footer-policies li {width:100%;min-width:0;}
  footer.footer-field .myd-footer-policies li:first-child {grid-column:1 / -1;}
  footer.footer-field .myd-footer-policies li a {
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;min-height:45px;box-sizing:border-box;
    padding:10px 11px!important;background:#fff;border:1px solid #e5e5e5;
    border-radius:12px!important;text-decoration:none;
  }
  footer.footer-field .myd-footer-policies li a span {
    font-size:15px!important;line-height:1.35!important;text-align:center!important;
    font-weight:500!important;white-space:normal!important;
  }
  footer.footer-field .myd-footer-copyright {
    order:2!important;margin-top:25px!important;text-align:center!important;
  }
  footer.footer-field .myd-footer-copyright p {
    font-size:14px!important;line-height:1.5!important;text-align:center!important;
    margin:0!important;color:#777!important;
  }
  footer.footer-field .myd-footer-credit {
    order:3!important;display:flex!important;justify-content:center!important;
    align-items:center!important;margin:17px 0 0!important;
  }
  footer.footer-field .myd-footer-credit a.streetartdigital-credit {
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:160px!important;max-width:100%!important;margin:0 auto!important;text-align:center;
  }
  footer.footer-field .myd-footer-credit picture,
  footer.footer-field .myd-footer-credit picture img {
    display:block!important;width:160px!important;height:auto!important;max-width:100%!important;
    margin:0 auto!important;
  }
}
@media (max-width: 359px) {
  footer.footer-field .myd-footer-social ul {gap:8px!important;}
  footer.footer-field .myd-footer-social li > a {width:42px;height:42px;}
  footer.footer-field .myd-footer-social li > a > span {width:40px!important;height:40px!important;}
  footer.footer-field .myd-footer-policies ul {grid-template-columns:minmax(0,1fr);}
  footer.footer-field .myd-footer-policies li:first-child {grid-column:auto;}
  footer.footer-field .myd-footer-phone a.group\/call > span {font-size:19px!important;}
}

/* S Class project slider CTA */
.sclass-slider-link{display:inline-flex;align-items:center;gap:20px;padding:10px 17px;border:1px solid #cfd3d5;border-radius:100px;font-size:16px;font-weight:700;color:#222;transition:background .25s,color .25s}.sclass-slider-link:hover{background:#25292d;color:white}

/* All project details use one template and responsive gallery card geometry. */
#project-detail-page #project-gallery-grid > a{min-width:0;}
#project-detail-page #project-gallery-grid > a img{width:100%;height:100%;object-fit:cover;}
@media(max-width:640px){#project-detail-page #project-gallery-grid{gap:14px;}#project-detail-page #project-gallery-grid > a{aspect-ratio:491/380;height:auto;border-radius:10px;}}


/* S Class floor plans */
.sclass-floorplans-grid{align-items:start;}
.sclass-floorplan-card{transition:transform .35s ease, box-shadow .35s ease;}
.sclass-floorplan-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,0,0,.08);}
.sclass-floorplan-card img{display:block;width:100%;height:auto;}
@media(max-width:767px){
  .sclass-floorplans-grid{gap:14px;}
}


/* S Class detail compact gallery: all original photos remain accessible in Fancybox. */
#project-detail-page .sclass-gallery-head {display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:22px;margin-bottom:30px;}
#project-detail-page .sclass-gallery-head h2 {line-height:1.2;margin:0;}
#project-detail-page .sclass-gallery-tabs {display:flex;align-items:center;flex-wrap:wrap;gap:9px;}
#project-detail-page .sclass-gallery-tab {background:#fff;border:1px solid #ddd;color:#4b4b4b;border-radius:100px;padding:12px 19px;font-size:15px;line-height:1.35;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s;}
#project-detail-page .sclass-gallery-tab span {opacity:.65;margin-left:8px;}
#project-detail-page .sclass-gallery-tab.is-active {background:#222;color:white;border-color:#222;}
#project-detail-page .sclass-gallery-tab:focus-visible,#project-detail-page .sclass-gallery-open:focus-visible,#project-detail-page .sclass-floorplan-open:focus-visible {outline:2px solid #333;outline-offset:4px;}
#project-detail-page #project-gallery-grid > a.sclass-gallery-filtered {display:none!important;}
#project-detail-page .sclass-gallery-action {display:flex;justify-content:center;margin-top:31px;}
#project-detail-page .sclass-gallery-open,#project-detail-page .sclass-floorplan-open {font-family:inherit;background:white;border:1px solid #cdd0d1;border-radius:100px;color:#222;font-size:16px;font-weight:600;line-height:1.4;padding:13px 23px;cursor:pointer;transition:background .22s,color .22s;}
#project-detail-page .sclass-gallery-open:hover,#project-detail-page .sclass-floorplan-open:hover {background:#222;color:#fff;}
#project-detail-page .sclass-gallery-open span[aria-hidden],#project-detail-page .sclass-floorplan-open span[aria-hidden] {margin-left:13px;}
#project-detail-page .sclass-floorplans-compact{width:100%;max-width:100%;}
#project-detail-page .sclass-floorplans-grid{display:block;max-width:100%;}
#project-detail-page .sclass-floorplan-card.sclass-floorplan-supplementary{display:none!important;}
#project-detail-page .sclass-floorplan-preview{height:255px;max-height:255px;display:flex;align-items:center;justify-content:center;}
#project-detail-page .sclass-floorplan-preview img{width:100%;height:100%;object-fit:contain;}
#project-detail-page .sclass-floorplan-open{margin-top:14px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 15px;}
#project-detail-page .sclass-floorplan-open span:not([aria-hidden]){font-weight:400;}
@media(max-width:767px){
  #project-detail-page .sclass-gallery-head{gap:17px;margin-bottom:22px;}
  #project-detail-page .sclass-gallery-tabs{width:100%;}
  #project-detail-page .sclass-gallery-tab{font-size:14px;padding:10px 13px;}
  #project-detail-page .sclass-floorplan-preview{height:220px;max-height:220px;}
  #project-detail-page .sclass-floorplan-open{font-size:14px;}
}


/* S Class detail refinements */
.sclass-location-panel{width:100%;}
.sclass-floorplan-gallery-item img{width:100%;height:100%;object-fit:contain;background:#f7f7f7;padding:10px;}
@media(max-width:767px){
  .sclass-floorplan-gallery-item img{padding:6px;}
}