/* Restore the original editorial layer; additions are scoped to the four changed tiles. */
.tile-maria .tile-slides,.tile-part .tile-slides{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.tile-maria .tile-slides img,.tile-part .tile-slides img{position:absolute;inset:0;width:100%;height:100%;top:0;object-fit:cover;object-position:var(--focal-x,50%) var(--focal-y,50%);transform:scale(var(--photo-scale,1));opacity:0;transition:opacity 1.4s cubic-bezier(.22,1,.36,1);will-change:auto}
.tile-maria .tile-slides img.visible,.tile-part .tile-slides img.visible{opacity:1}
.tile-maria{--editorial-image:linear-gradient(180deg,rgba(246,240,229,.65),rgba(246,240,229,.36) 65%,rgba(246,240,229,.92));color:#29372f}
.tile-maria h2{position:relative;z-index:2;max-width:230px;font-size:clamp(27px,2.5vw,38px);padding:0!important}
.tile-maria .tile-bottom{font-size:clamp(13px,1.25vw,18px);max-width:250px;color:#29372f}
.tile-part{--editorial-image:linear-gradient(180deg,rgba(42,25,46,.62),rgba(42,25,46,.1) 48%,rgba(42,25,46,.67));color:#fff}
.tile-part h2{position:relative;z-index:2;font-size:clamp(25px,2.4vw,37px)}
.tile-part .tile-bottom{color:#fff;font-size:12px;line-height:1.4}
.tile-part .part-art{font-size:clamp(42px,5vw,74px);opacity:.23;bottom:55px;pointer-events:none}
.tile-contact .contact-cycle{position:absolute;inset:auto 22px 25%;font-family:Georgia,serif;font-size:clamp(24px,2.6vw,38px);font-weight:400;line-height:1.2;letter-spacing:-.03em;transition:transform .5s!important}
.contact-cycle-inner{display:flex;align-items:center;gap:12px;min-height:48px;transition:opacity .55s ease}
.contact-cycle-inner.changing{opacity:0}
.contact-cycle svg{width:34px;height:34px;stroke:currentColor;fill:none;stroke-width:1.3;flex:none}
.tile-contact .tile-bottom{color:#392e2b;font-size:12px}
.tile-contact h2{font-size:clamp(27px,2.5vw,39px)}
/* Original interaction values, previously overridden by the later no-motion rules. */
@media(hover:hover) and (pointer:fine){
 .tile-dedicate:hover h2{transform:translateX(7px)}
 .tile-bom .bom-art{transition:transform .5s!important}
 .tile-bom:hover .bom-art{transform:rotate(5deg)}
 .tile-contact:hover .contact-art{transform:translateY(-12px) rotate(-7deg)}
 .tile-part:hover .part-art{transform:rotate(-12deg) scale(1.12)}
}
.tile-intro.more-tile{padding:0!important;display:flex;flex-direction:column;min-width:0;color:#fff}
.more-toggle{color:inherit;display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:none;border:0;position:relative;z-index:2;padding:22px;width:100%;height:100%;font:inherit;cursor:pointer}
.more-toggle h2{font-size:clamp(25px,2.1vw,33px);line-height:1.12;margin:0}
.more-toggle p{font-size:12px;line-height:1.6;margin-top:18px;max-width:220px}
.more-toggle .connection-art{width:100%;min-height:85px;flex:1;display:block;margin-top:24px;opacity:.4}
.tile-bom .bom-art{display:flex}
.more-open~.intro-mosaic{visibility:hidden}
.motion-window:has(.more-open) .intro-mosaic{opacity:0!important;pointer-events:none}
.brand-grid.more-open{opacity:1!important}
.service-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 22px 22px;position:relative;z-index:2}
.service-tile{display:flex;flex-direction:column;gap:5px;justify-content:center;padding:10px 12px;background:#eef2ec1f;border:1px solid #e8ebe02e;border-radius:10px;color:#fff;text-decoration:none;min-height:55px;transition:background .3s}
.service-tile strong{font:18px/1.1 Georgia,serif;letter-spacing:-.02em;font-weight:400}
.service-tile span{font-size:10px;line-height:1.2;color:#e0e9e7}
.service-tile:hover{background:#eef2ec35}
.more-tile.is-open .more-toggle{height:auto;padding-bottom:16px;flex:none}
.more-tile.is-open .more-toggle h2 br{display:none}
.more-tile.is-open .more-toggle p{margin-top:8px;max-width:none}
.more-tile.is-open .connection-art{display:none}
.more-tile:not(.is-open) .service-tiles{display:none}
.more-tile.is-open{overflow:hidden;min-height:max-content}
.more-tile.is-open:after{border-radius:inherit}
.tile:focus-visible,.more-toggle:focus-visible,.service-tile:focus-visible{outline:2px solid currentColor;outline-offset:-5px}
/* Opening grows from the same top/right corner. Only neighbouring cells reflow. */
@media(min-width:701px){
 .brand-grid.more-open,.motion-enabled .brand-grid.more-open{height:auto;grid-template-rows:repeat(3,var(--closed-row)) repeat(3,minmax(var(--closed-row),auto)) 180px;min-height:0;max-height:none}
 .brand-grid.more-open .tile-intro{grid-area:4/7/7/13}
 .brand-grid.more-open .tile-maria{grid-area:1/8/4/11}
 .brand-grid.more-open .tile-mark{grid-area:7/1/8/2;max-height:82px;align-self:start}
 .brand-grid.more-open .tile-details{grid-area:7/2/8/13}
 .brand-grid.more-open .tile-details .tile-bottom{max-width:330px}
 .brand-grid.more-open .tile-details:after{background-position:center 55%}
}
@media(min-width:701px) and (max-width:1000px){
 .service-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:0 14px 14px}
 .service-tile{min-height:38px;padding:7px 9px;gap:3px}.service-tile strong{font-size:15px}.service-tile span{font-size:9px}
 .more-tile.is-open .more-toggle{padding:14px 14px 12px}.more-tile.is-open .more-toggle h2{font-size:25px}
 .more-toggle{padding:17px}.more-toggle h2{font-size:25px}.more-toggle p{font-size:12px}
 .tile-contact .contact-cycle{left:17px;right:12px;font-size:24px}.contact-cycle svg{width:26px;height:26px}
}
@media(max-width:700px){
 .tile-maria h2{font-size:28px;max-width:160px}.tile-maria .tile-bottom{font-size:14px;line-height:1.3;bottom:18px}
 .tile-part h2{font-size:27px}.tile-part .tile-bottom{font-size:11px;bottom:15px}
 .tile-contact h2{font-size:27px!important}.tile-contact .contact-cycle{left:16px;right:12px;bottom:27%;font-size:24px}.contact-cycle svg{width:27px;height:27px}.contact-cycle-inner{gap:9px}
 .more-toggle{padding:22px}.more-toggle h2{font-size:30px!important;max-width:none!important}.more-toggle h2 br{display:none}.more-toggle p{margin-top:10px}.more-toggle .connection-art{position:absolute;right:20px;bottom:20px;width:65px;height:65px;min-height:0;margin:0;opacity:.25}
 .brand-grid.more-open,.motion-enabled .brand-grid.more-open{grid-template-rows:clamp(240px,55vw,330px) clamp(180px,45vw,300px) 220px 220px 180px auto;height:auto}
 .service-tiles{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px 18px;gap:7px}.service-tile{min-height:68px;padding:10px}.service-tile strong{font-size:18px}
 .more-tile.is-open .more-toggle{padding:22px 16px 18px}
 .more-tile.is-open .more-toggle h2{padding-right:45px}
 /* Keep the small original mark decorative without occupying a new grid row. */
 .brand-grid .tile-mark{display:flex!important;position:absolute;grid-area:auto;top:auto;left:auto;width:42px;height:42px;right:20px;bottom:18px;z-index:4;border-radius:12px;font-size:34px;padding:0;pointer-events:none}
 .brand-grid.more-open .tile-mark{bottom:auto;top:var(--mobile-mark-top);right:20px}
}
@media(prefers-reduced-motion:reduce){.tile-slides img,.contact-cycle-inner,.contact-cycle,.connection-art:before{transition:none!important}.tile:hover .contact-art,.tile-dedicate:hover h2,.tile-bom:hover .bom-art,.tile-part:hover .part-art{transform:none!important}}


/* JURK_SPATIAL_V3 — live layout, no moving screenshots. */
@media (min-width:701px) {
  .brand-grid .tile-details,
  .brand-grid .tile-mark {transition:opacity 220ms ease!important}
  .brand-grid.jurk-clearing .tile-details,
  .brand-grid.jurk-clearing .tile-mark {opacity:0!important;pointer-events:none}
  .brand-grid.jurk-changing .more-tile {transition:clip-path 600ms cubic-bezier(.22,1,.36,1)!important}
  .brand-grid.jurk-changing.more-open .more-tile {animation:jurk-open-reveal 600ms cubic-bezier(.22,1,.36,1) both}
  @keyframes jurk-open-reveal {from{clip-path:inset(0 0 0 65%)}to{clip-path:inset(0)}}
  .brand-grid.jurk-changing .service-tiles {animation:jurk-content-reveal 500ms ease both}
  @keyframes jurk-content-reveal {from{opacity:0}to{opacity:1}}
}
@media (prefers-reduced-motion:reduce){.brand-grid .tile-details,.brand-grid .tile-mark{transition:none!important}}