/* Editorial studies retain the approved hero grid; focal artwork is centered in each master. */
#hero .c2 .media img,#hero .c3 .media img{object-position:50% 50%;filter:none}
.sequencia .service-media-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:24px;align-items:center;flex:1}
.sequencia .service-film{position:relative;min-width:0;margin:0;border-radius:12px;overflow:hidden;background:#eee;aspect-ratio:9/16;align-self:center}
.sequencia .service-loop{display:block;width:100%;height:100%;object-fit:contain;filter:none}
.sequencia .service-demo-content{min-width:0;display:flex;flex-direction:column;justify-content:center}
.sequencia .service-demo-content .flow-branch{flex-wrap:wrap;gap:4px}
.sequencia .service-demo-content .flow-branch span{padding:9px 8px;font-size:10px}
.sequencia .service-demo-content .flow-input{padding:12px;gap:8px}
.sequencia .service-demo-content .flow-output{padding:14px;gap:8px}
.sequencia .service-demo-content .visual-stage{height:260px}
.sequencia .service-demo-content .visual-strip{gap:6px;font-size:8px}
.sequencia .web-editorial-art{display:block;width:100%;height:160px;object-fit:cover;object-position:center;border-radius:10px;margin-bottom:24px}
.service-loop-toggle{position:absolute;right:8px;bottom:8px;z-index:2;width:44px;height:44px;border:1px solid #ccc;border-radius:50%;background:#fffffff0;color:#0d0d0d;cursor:pointer}
.service-loop-toggle:focus-visible{outline:2px solid #c24100;outline-offset:-5px}
@media(max-width:720px){
.sequencia .service-media-layout{grid-template-columns:1fr;gap:24px}
.sequencia .service-film{width:100%;max-width:220px;justify-self:center}
.sequencia .service-demo-content .visual-stage{height:210px}
}

@media(min-width:721px) and (max-width:1199px){.sequencia .service-media-layout{grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:14px}.sequencia .service-demo-content .flow-input{flex-wrap:wrap}.sequencia .service-demo-content .flow-output{flex-wrap:wrap}.sequencia .service-demo-content .visual-stage{height:220px}.sequencia .service-demo-content .demo-action{font-size:10px}}

/* Owner's hand.png: cleaned background, rigid diagonal positioning, original hand geometry. */
/* Selected fashion phone: preserve the continuous feed within the Marketing frame. */
#hero .c3 .media{top:0;height:100%;transform:none!important;background:#f5f5f5}
#hero .c3 .media img{object-fit:cover;object-position:50% 0;mix-blend-mode:multiply}
@media(max-width:720px){#hero .c3 .media img{object-fit:contain}}
#hero .c2 .media{top:0;height:100%;background:#f5f5f5;transform:none!important;container-type:size;overflow:hidden;--hand-width:max(140cqw,110cqh)}
#hero .c2 .media img{position:absolute;left:50%;top:50%;width:var(--hand-width);height:auto;max-width:none;object-fit:contain;transform-origin:49.74% 42.87%;transform:translate(-49.74%,-42.87%) rotate(28deg);mask-image:none;mix-blend-mode:multiply}
/* Existing site vector symbol replaces the sphere at the unchanged contact point. */
#hero .c2 .media::after{
  content:"";position:absolute;left:50%;top:50%;width:max(10cqw,7.85cqh);aspect-ratio:1;
  transform:translate(-50%,-50%);pointer-events:none;
  background:url('/assets/a737e67ee9d0-afm-hero-symbol.svg') center/contain no-repeat;
  filter:drop-shadow(0 1px 1px #813b001c);
}